Xfce Forum

Hiroc

Member

Registered: 2024-03-08

Posts: 3

[SOLVED] "border-bottom" styling not working,but "border" is working

i would like to style my `.tasklist button:checked` which is the icons of my windows on the panel

I can apply a border css and it works fine but border-bottom does not seem to work and i cannot figure out why. This is inside the  .config/gtk-3.0/gtk.css

.tasklist button:checked{
    border-bottom: 3px solid red;
}

^^ will not work and the default yellowish border still appears when a window is focused.

However, the snippet below will work and change the border when a window is being focused

.tasklist button:checked{
    border: 3px solid red;
}

However, if i use both border-bottom and border, the border-bottom style will apply
for example:

.tasklist button:checked {
    border: 3px solid red;
    border-bottom: 3px solid yellow;
}

will produce me a border that is yellow on the bottom and red on all other sides. I am very puzzled by this

I am using xfce 4.16 on Xubuntu. my gtk.css has a other stuff too but none of which contains a border-bottom that should affect .tasklist button:checked

Last edited by Hiroc (2024-03-09 09:15:13)

Hiroc

Member

Registered: 2024-03-08

Posts: 3

Re: [SOLVED] "border-bottom" styling not working,but "border" is working

I have found a workaround which is to set border to 0 and then set my border-bottom as I like, but still i am very lost and why this is the case

.tasklist button:checked {
  border: 0 solid red;
  border-bottom: 3px solid greenyellow;
}

will give me what i want (not actual colors) but i dont know why

ToZ

Administrator

From: Canada

Registered: 2011-06-02

Posts: 11,060

Re: [SOLVED] "border-bottom" styling not working,but "border" is working

Its always a good idea to test with the default Adwaita theme to see if it works there. If it does, then its probably a theme issue.

When running xfce4-panel with an clean gtk.css file containing only:

.tasklist button:checked {border-bottom: 3px solid red;}

...and using the adwaita theme:

xfce4-panel -q
GTK_THEME=Adwaita xfce4-panel

...it seems to work fine.

So it must be something with your theme (or possibly other css tweaks) that's impacting it.

However, you did find a workaround - but that included redefining the border (perhaps thats a hint as to where to look).

Btw, welcome to the forum.

---

Please remember to mark your thread [SOLVED] to make it easier for others to find
--- How To Ask For Help | FAQ | Developer Wiki  |  Community | Contribute ---

Hiroc

Member

Registered: 2024-03-08

Posts: 3

Re: [SOLVED] "border-bottom" styling not working,but "border" is working

Thank you ToZ! It was indeed my theme causing the issue which was some gruvbox theme.