Florian Müllner
d5f617b3e2
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>
121 lines
2.1 KiB
CSS
121 lines
2.1 KiB
CSS
/*
|
|
* SPDX-FileCopyrightText: 2012 Florian Müllner <fmuellner@gnome.org>
|
|
* SPDX-FileCopyrightText: 2013 Giovanni Campagna <gcampagna@src.gnome.org>
|
|
*
|
|
* SPDX-License-Identifier: GPL-2.0-or-later
|
|
*/
|
|
|
|
.window-list {
|
|
spacing: 2px;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.bottom-panel {
|
|
background-color: #000000;
|
|
border-top-width: 0px;
|
|
height: 2.45em;
|
|
}
|
|
|
|
.window-button {
|
|
padding: 4px, 3px;
|
|
}
|
|
|
|
.window-button:first-child:ltr {
|
|
padding-left: 2px;
|
|
}
|
|
|
|
.window-button:last-child:rtl {
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.window-button-box {
|
|
spacing: 4px;
|
|
}
|
|
|
|
.window-button > StWidget,
|
|
.window-picker-toggle > StWidget {
|
|
color: #bbb;
|
|
background-color: #1d1d1d;
|
|
border-radius: 4px;
|
|
padding: 3px 6px 1px;
|
|
transition: 100ms ease;
|
|
}
|
|
|
|
.window-button > StWidget {
|
|
-st-natural-width: 18.75em;
|
|
max-width: 18.75em;
|
|
}
|
|
|
|
.window-button:hover > StWidget,
|
|
.window-picker-toggle:hover > StWidget {
|
|
color: #fff;
|
|
background-color: #303030;
|
|
}
|
|
|
|
.window-button:active > StWidget,
|
|
.window-button:focus > StWidget {
|
|
color: #fff;
|
|
background-color: #3f3f3f;
|
|
}
|
|
|
|
.window-button.focused > StWidget,
|
|
.window-picker-toggle:checked > StWidget {
|
|
color: #fff;
|
|
background-color: #3f3f3f;
|
|
}
|
|
|
|
.window-button.focused:active > StWidget,
|
|
.window-picker-toggle:checked:active > StWidget {
|
|
color: #fff;
|
|
background-color: #3f3f3f;
|
|
}
|
|
|
|
.window-button.minimized > StWidget {
|
|
color: #666;
|
|
background-color: #161616;
|
|
}
|
|
|
|
.window-button.minimized:active > StWidget {
|
|
color: #666;
|
|
background-color: #161616;
|
|
}
|
|
|
|
.window-button-icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.window-list-workspace-indicator .status-label-bin {
|
|
background-color: rgba(200, 200, 200, 0.3);
|
|
padding: 5px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.window-list-workspace-indicator .workspaces-box {
|
|
spacing: 3px;
|
|
padding: 5px;
|
|
}
|
|
|
|
.window-list-workspace-indicator .workspace {
|
|
width: 52px;
|
|
border-radius: 4px;
|
|
background-color: #1e1e1e;
|
|
}
|
|
|
|
.window-list-workspace-indicator .workspace.active {
|
|
background-color: #3f3f3f;
|
|
}
|
|
|
|
.window-list-window-preview {
|
|
background-color: #bebebe;
|
|
border-radius: 1px;
|
|
}
|
|
|
|
.window-list-window-preview.active {
|
|
background-color: #d4d4d4;
|
|
}
|
|
|
|
.notification {
|
|
font-weight: normal;
|
|
}
|