836f81f2e2
Commit ca1c4b0f9e added additional padding, which means that the
interactive area of buttons no longer extends to the bottom of
the screen.
Address this by moving the new padding into the buttons themselves.
That restores the Fittsability of the bottom bar, without affecting
the cleaner visual appearance.
Close https://gitlab.gnome.org/GNOME/gnome-shell-extensions/-/issues/453
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell-extensions/-/merge_requests/291>
72 lines
1.6 KiB
CSS
72 lines
1.6 KiB
CSS
/*
|
|
* SPDX-FileCopyrightText: 2013 Florian Müllner <fmuellner@gnome.org>
|
|
* SPDX-FileCopyrightText: 2015 Jakub Steiner <jimmac@gmail.com>
|
|
*
|
|
* SPDX-License-Identifier: GPL-2.0-or-later
|
|
*/
|
|
|
|
@import url("stylesheet-dark.css");
|
|
|
|
#panel.bottom-panel {
|
|
border-top-width: 1px;
|
|
border-bottom-width: 0px;
|
|
height: 2.5em;
|
|
}
|
|
|
|
.bottom-panel .window-button > StWidget {
|
|
color: #2e3436;
|
|
background-color: #eee;
|
|
border-radius: 3px;
|
|
padding: 3px 6px 1px;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
border: 1px solid rgba(0,0,0,0.2);
|
|
}
|
|
|
|
.bottom-panel .window-button > StWidget {
|
|
-st-natural-width: 18.7em;
|
|
max-width: 18.75em;
|
|
}
|
|
|
|
.bottom-panel .window-button:hover > StWidget {
|
|
background-color: #f9f9f9;
|
|
}
|
|
|
|
.bottom-panel .window-button:active > StWidget,
|
|
.bottom-panel .window-button:focus > StWidget {
|
|
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.bottom-panel .window-button.focused > StWidget {
|
|
background-color: #ccc;
|
|
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.bottom-panel .window-button.focused:hover > StWidget {
|
|
background-color: #e9e9e9;
|
|
}
|
|
|
|
.bottom-panel .window-button.minimized > StWidget {
|
|
color: #888;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* workspace switcher */
|
|
.window-list-workspace-indicator .workspace {
|
|
border: 2px solid #f6f5f4;
|
|
background-color: #ccc;
|
|
}
|
|
|
|
.window-list-workspace-indicator .workspace.active {
|
|
border-color: #888;
|
|
}
|
|
|
|
.window-list-window-preview {
|
|
background-color: #ededed;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.window-list-window-preview.active {
|
|
background-color: #f6f5f4;
|
|
}
|