ErikReider / SwayNotificationCenter

A simple GTK based notification daemon for SwayWM
GNU General Public License v3.0
1.41k stars 63 forks source link

change slider thickness [Feature] #458

Closed Anik200 closed 3 months ago

Anik200 commented 3 months ago

Please read through the README and the Man pages before submitting Please also make sure that there isn't any prior issue describing this feature

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like image is there any way to chnage the thickness of the sliders

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

Additional context Add any other context or screenshots about the feature request here.

ErikReider commented 3 months ago

That would be through custom CSS styling :)

Anik200 commented 3 months ago

Please a bit of an example since i have no custom css experience

That would be through custom CSS styling :)

retrozinndev commented 3 months ago

Please a bit of an example since i have no custom css experience

You can use padding in the highlight element.

trough highlight { /* ´trough´ is the background of the slider, ´highlight´ is the actual slider */
    padding: 5px;
}
Anik200 commented 3 months ago

image

Please a bit of an example since i have no custom css experience

You can use padding in the highlight element.

trough highlight { /* ´trough´ is the background of the slider, ´highlight´ is the actual slider */
    padding: 5px;
}

that didn't do anything

Anik200 commented 3 months ago

image i tried this too but same

Anik200 commented 3 months ago

no worries it worked but how do i increase the size of the knob image

retrozinndev commented 3 months ago

no worries it worked but how do i increase the size of the knob

I do not know the name of the element, but I think you can do so like this:

trough highlight > *:first-child {
    padding: 5px;
}
retrozinndev commented 3 months ago

Actually, I just found out, the knob is the slider element, you can put it like this:

trough highlight slider {
     padding: 5px;
}
Anik200 commented 3 months ago

image

Actually, I just found out, the knob is the slider element, you can put it like this:

trough highlight slider {
     padding: 5px;
}

it didnt work...

retrozinndev commented 3 months ago

Curious... It changes the size of all the slider elements... I'll test here and see what I can do about that.

Edit: Actually, it's not curious haha, it makes sense.

retrozinndev commented 3 months ago

The slider indicator is before the highlight element. You can change it's padding with:

trough slider {
    padding: 5px;
}
retrozinndev commented 3 months ago

A tip for you: You don't need to restart SwayNC to reload configurations, you can just use swaync-client's commands:

swaync-client -R # Reloads ´config.json´
swaync-client -rs # Reloads stylesheet
Anik200 commented 3 months ago

The slider indicator is before the highlight element. You can change it's padding with:

trough slider {
    padding: 5px;
}

thanks again! it works but how do i edit/remove this "No Notifications" prompt

image

ErikReider commented 3 months ago

The slider indicator is before the highlight element. You can change it's padding with:

trough slider {
    padding: 5px;
}

thanks again! it works but how do i edit/remove this "No Notifications" prompt

image

There's currently no way of doing that. See #450 for future updates regarding that :)