brl/gnome-shell
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

theme: Use box shadow for active panel menu border

Browse Source
This commit is contained in:
Carlos Soriano 2014-11-10 15:10:40 +01:00 committed by Florian Müllner
parent 95a6e52f1a
commit 1f83911bb6
2 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
data/theme/_common.scss
View File

@ -243,7 +243,6 @@ StScrollBar {
&.login-screen, &.login-screen,
&.lock-screen { &.lock-screen {
background-color: transparent; background-color: transparent;
} }
#panelLeft, #panelCenter { // spacing between activities<>app menu and such #panelLeft, #panelCenter { // spacing between activities<>app menu and such
@ -270,7 +269,7 @@ StScrollBar {
font-weight: bold; font-weight: bold;
color: #ccc; color: #ccc;
transition-duration: 100ms; transition-duration: 100ms;
padding: 2px;
#appMenuIcon { #appMenuIcon {
app-icon-bottom-clip: 1px; app-icon-bottom-clip: 1px;
@ -288,9 +287,10 @@ StScrollBar {
} }
&:active, &:overview, &:focus, &:checked { &:active, &:overview, &:focus, &:checked {
border-color: lighten($selected_bg_color,5%); // Trick due to St limitations. It needs a background to draw
border-bottom-width: 2px; // a box-shadow
padding: 2px 2px 0 2px; background-color: rgba(0, 0, 0, 0.01);
box-shadow: inset 0 -2px 0px lighten($selected_bg_color,5%);
color: lighten($fg_color,10%); color: lighten($fg_color,10%);
text-shadow: black 0px 2px 2px; text-shadow: black 0px 2px 2px;

8
data/theme/gnome-shell.css
View File

@ -1205,8 +1205,7 @@ StScrollBar {
-minimum-hpadding: 6px; -minimum-hpadding: 6px;
font-weight: bold; font-weight: bold;
color: #ccc; color: #ccc;
transition-duration: 100ms; transition-duration: 100ms; }
padding: 2px; }
#panel .panel-button #appMenuIcon { #panel .panel-button #appMenuIcon {
app-icon-bottom-clip: 1px; } app-icon-bottom-clip: 1px; }
.panel-button:active #panel .panel-button #appMenuIcon, .panel-button:overview #panel .panel-button #appMenuIcon, .panel-button:focus #panel .panel-button #appMenuIcon, .panel-button:checked #panel .panel-button #appMenuIcon { .panel-button:active #panel .panel-button #appMenuIcon, .panel-button:overview #panel .panel-button #appMenuIcon, .panel-button:focus #panel .panel-button #appMenuIcon, .panel-button:checked #panel .panel-button #appMenuIcon {
@ -1215,9 +1214,8 @@ StScrollBar {
color: white; color: white;
text-shadow: black 0 2px 2px; } text-shadow: black 0 2px 2px; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
border-color: #256ab1; background-color: rgba(0, 0, 0, 0.01);
border-bottom-width: 2px; box-shadow: inset 0 -2px 0px #256ab1;
padding: 2px 2px 0 2px;
color: white; color: white;
text-shadow: black 0px 2px 2px; } text-shadow: black 0px 2px 2px; }
#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {