Skip to content

How to show notification dot on the sectors #5970

Answered by mosh-tudor
asimex asked this question in Q&A
Discussion options

You must be logged in to vote

@asimex

Using :has you can achieve something like this:

.gjs-sm-sector .gjs-sm-sector-label {
    margin-right: 0.3em
}
.gjs-sm-sector .gjs-sm-sector-title::before,
.gjs-sm-sector .gjs-sm-sector-title::after {
    content: '•';
    display: none;
    margin-left: 0.1em;
    order: 5;
}
.gjs-sm-sector:has(.gjs-sm-label.gjs-four-color) .gjs-sm-sector-title::before {
    display: block;
    color: var(--gjs-quaternary-color);
}
.gjs-sm-sector:has(.gjs-sm-label.gjs-color-warn) .gjs-sm-sector-title::after {
    display: block;
    color: var(--gjs-color-warn);
}

Replies: 1 comment 2 replies

Comment options

You must be logged in to vote
2 replies
@lexoyo
Comment options

@asimex
Comment options

Answer selected by asimex
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Q&A
Labels
None yet
3 participants