AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: Update stack sidebar styling

Browse Source 
We no longer use the .sidebar-item style class.
This commit is contained in:
Matthias Clasen 2015-11-05 08:18:38 -05:00
parent 87deb25dc3
commit 66d2c9e6fa
3 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
gtk/theme/Adwaita/_common.scss
View File

@ -2941,15 +2941,17 @@ GtkPlacesSidebar.sidebar {
} }
} }
.sidebar-item { stacksidebar {
padding: 10px 4px; .list-row {
> label { padding: 10px 4px;
padding-left: 6px; > label {
padding-right: 6px; padding-left: 6px;
} padding-right: 6px;
&.needs-attention > label { }
@extend %needs_attention; &.needs-attention > label {
background-size: 6px 6px, 0 0; @extend %needs_attention;
background-size: 6px 6px, 0 0;
}
} }
} }

12
gtk/theme/Adwaita/gtk-contained-dark.css
View File

@ -964,15 +964,15 @@ button, headerbar button.titlebutton,
.titlebar .primary-toolbar button.titlebutton { .titlebar .primary-toolbar button.titlebutton {
icon-shadow: none; } icon-shadow: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > label { .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar .list-row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent)); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3583d5), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.45, to(rgba(0, 0, 0, 0.81176)), to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 2px; } background-position: right 3px, right 2px; }
.stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop { .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar .list-row.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) { .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 2px; } background-position: left 3px, left 2px; }
.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, .inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
@ -4124,12 +4124,12 @@ GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
.sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image { .sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image {
opacity: 0.7; } opacity: 0.7; }
.sidebar-item { stacksidebar .list-row {
padding: 10px 4px; } padding: 10px 4px; }
.sidebar-item > label { stacksidebar .list-row > label {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; } padding-right: 6px; }
.sidebar-item.needs-attention > label { stacksidebar .list-row.needs-attention > label {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
/**************** /****************

12
gtk/theme/Adwaita/gtk-contained.css
View File

@ -964,15 +964,15 @@ button, headerbar button.titlebutton,
.titlebar .primary-toolbar button.titlebutton { .titlebar .primary-toolbar button.titlebutton {
icon-shadow: none; } icon-shadow: none; }
.stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, .sidebar-item.needs-attention > label { .stack-switcher > button.needs-attention > label, .stack-switcher > button.needs-attention > image, stacksidebar .list-row.needs-attention > label {
animation: needs_attention 150ms ease-in; animation: needs_attention 150ms ease-in;
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent)); background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#4a90d9), to(transparent)), -gtk-gradient(radial, center center, 0, center center, 0.5, to(rgba(255, 255, 255, 0.76923)), to(transparent));
background-size: 6px 6px, 6px 6px; background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: right 3px, right 4px; } background-position: right 3px, right 4px; }
.stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, .sidebar-item.needs-attention > label:backdrop { .stack-switcher > button.needs-attention > label:backdrop, .stack-switcher > button.needs-attention > image:backdrop, stacksidebar .list-row.needs-attention > label:backdrop {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
.stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), .sidebar-item.needs-attention > label:dir(rtl) { .stack-switcher > button.needs-attention > label:dir(rtl), .stack-switcher > button.needs-attention > image:dir(rtl), stacksidebar .list-row.needs-attention > label:dir(rtl) {
background-position: left 3px, left 4px; } background-position: left 3px, left 4px; }
.inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton, .inline-toolbar toolbutton > button, .inline-toolbar headerbar toolbutton > button.titlebutton,
@ -4296,12 +4296,12 @@ GtkPlacesSidebar.sidebar .sidebar-new-bookmark-row {
.sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image { .sidebar-button.button:not(:hover):not(:active) > image, .sidebar-button.button:backdrop > image {
opacity: 0.7; } opacity: 0.7; }
.sidebar-item { stacksidebar .list-row {
padding: 10px 4px; } padding: 10px 4px; }
.sidebar-item > label { stacksidebar .list-row > label {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; } padding-right: 6px; }
.sidebar-item.needs-attention > label { stacksidebar .list-row.needs-attention > label {
background-size: 6px 6px, 0 0; } background-size: 6px 6px, 0 0; }
/**************** /****************