[gnome-shell/wip/sass: 29/84] theme: Use box shadow for active panel menu border
- From: Carlos Soriano Sánchez <csoriano src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-shell/wip/sass: 29/84] theme: Use box shadow for active panel menu border
- Date: Tue, 17 Feb 2015 19:51:24 +0000 (UTC)
commit d1a5388498e83a39e37efde8fad91a96b1d45a62
Author: Carlos Soriano <carlos soriano89 gmail com>
Date: Mon Nov 10 15:10:40 2014 +0100
theme: Use box shadow for active panel menu border
data/theme/_common.scss | 12 ++++++------
data/theme/gnome-shell.css | 8 +++-----
2 files changed, 9 insertions(+), 11 deletions(-)
---
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index ec786b1..fe81b19 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -242,8 +242,7 @@ StScrollBar {
&.unlock-screen,
&.login-screen,
&.lock-screen {
- background-color: transparent;
-
+ background-color: transparent;
}
#panelLeft, #panelCenter { // spacing between activities<>app menu and such
@@ -269,7 +268,7 @@ StScrollBar {
font-weight: bold;
color: #ccc;
transition-duration: 100ms;
- padding: 2px;
+
#appMenuIcon {
app-icon-bottom-clip: 1px;
@@ -287,9 +286,10 @@ StScrollBar {
}
&:active, &:overview, &:focus, &:checked {
- border-color: lighten($selected_bg_color,5%);
- border-bottom-width: 2px;
- padding: 2px 2px 0 2px;
+ // 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 0px lighten($selected_bg_color,5%);
color: lighten($fg_color,10%);
text-shadow: black 0px 2px 2px;
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index a989805..e5c05ef 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1204,8 +1204,7 @@ StScrollBar {
padding: 0px 12px;
font-weight: bold;
color: #ccc;
- transition-duration: 100ms;
- padding: 2px; }
+ transition-duration: 100ms; }
#panel .panel-button #appMenuIcon {
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 {
@@ -1214,9 +1213,8 @@ StScrollBar {
color: white;
text-shadow: black 0 2px 2px; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel
.panel-button:checked {
- border-color: #256ab1;
- border-bottom-width: 2px;
- padding: 2px 2px 0 2px;
+ background-color: rgba(0, 0, 0, 0.01);
+ box-shadow: inset 0 -2px 0px #256ab1;
color: white;
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 {
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]