theme: Hide panel underline under the do not disturb icon

Hide the focused/active indicator of the panel underneath the
do-not-disturb icon.

https://gitlab.gnome.org/GNOME/gnome-shell/merge_requests/1037
This commit is contained in:
Jonas Dreßler 2020-02-20 20:10:54 +01:00 committed by Florian Müllner
parent fe4973b585
commit bc465ab006
3 changed files with 31 additions and 5 deletions

View File

@ -1,6 +1,13 @@
/* Date/Time Menu */ /* Date/Time Menu */
.clock-display-box { spacing: $base_spacing; } .clock-display-box {
spacing: $base_spacing / 2;
.clock {
padding-left: $base_padding;
padding-right: $base_padding;
}
}
// overall menu // overall menu
#calendarArea { #calendarArea {

View File

@ -54,9 +54,6 @@ $panel_height: 1.86em;
} }
&:active, &:overview, &:focus, &:checked { &:active, &:overview, &:focus, &:checked {
// Trick due to St limitations. It needs a background to draw a box-shadow
background-color: rgba(0, 0, 0, 0.01);
box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
color: lighten($panel_fg_color, 20%); color: lighten($panel_fg_color, 20%);
} }
@ -82,6 +79,26 @@ $panel_height: 1.86em;
} }
} }
.panel-button {
&:active, &:overview, &:focus, &:checked {
// Trick due to St limitations. It needs a background to draw a box-shadow
background-color: rgba(0, 0, 0, 0.01);
box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
}
}
.panel-button.clock-display {
// Move highlight from .panel-button to .clock
&:active, &:overview, &:focus, &:checked {
box-shadow: none;
.clock {
background-color: rgba(0, 0, 0, 0.01);
box-shadow: inset 0 -2px 0 0 lighten($selected_bg_color,5%);
}
}
}
.panel-status-indicators-box, .panel-status-indicators-box,
.panel-status-menu-box { .panel-status-menu-box {
spacing: 2px; spacing: 2px;

View File

@ -553,7 +553,9 @@ class DateMenuButton extends PanelMenu.Button {
menuAlignment = 1.0 - menuAlignment; menuAlignment = 1.0 - menuAlignment;
super._init(menuAlignment); super._init(menuAlignment);
this._clockDisplay = new St.Label({ y_align: Clutter.ActorAlign.CENTER }); this._clockDisplay = new St.Label({ style_class: 'clock' });
this._clockDisplay.clutter_text.y_align = Clutter.ActorAlign.CENTER;
this._indicator = new MessagesIndicator(); this._indicator = new MessagesIndicator();
const indicatorPad = new St.Widget(); const indicatorPad = new St.Widget();