Theme: .panel-top -> border-bottom property not functioning correctly...

[Xethron]

I'm writing a theme. I tried to set bottom border using the following, but it doesn't work.

.panel-top {
    border-bottom: 1px solid rgba(59,181,229,0.4);
}

Setting the border property does however set a bottom border as well as top, left and right.

.panel-top {
    border: 1px solid rgba(59,181,229,0.4);
}

Setting border-bottom to none after setting border, does remove the bottom border. So the bottom-border property is identified to some extent.

.panel-top {
    border: 1px solid rgba(59,181,229,0.4);
    border-bottom: none;
}

Currently I'm using the following workaround to set the bottom border.

.panel-top {
    border: 1px solid rgba(59,181,229,0.4);
    border-left: none;
    border-right: none;
    border-top: none;
}

Thanks,
Xethron

[bimsebasse]

That's about the least pressing issue in Cinnamon themeing :o)

My problem with .panel-top/bottom is that they can't control what happens with other selectors, and so are not useful beyond just styling the panel. Thought I could do away with separate top + bottom panel versions of Cinnamon themes when I saw this selector being introduced, but no such luck - sorts out the panels, doesn't sort out what populates the panels.

[MichaelTunnell]

Xethron, thank you for this information...this saved me a LOT of time trying to figure out this pointless bug.

[Xethron]

No problem! 👍

[Vahan86]

@Xethron, is this still an issue for you in Cinnamon 3?

[JosephMcc]

Yes it is.