mirror of
https://gitlab.gnome.org/GNOME/gtk.git
synced 2024-11-17 14:30:15 +00:00
Adwaita: Update stack sidebar styling
We no longer use the .sidebar-item style class.
This commit is contained in:
parent
87deb25dc3
commit
66d2c9e6fa
@ -2941,15 +2941,17 @@ GtkPlacesSidebar.sidebar {
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar-item {
|
||||
padding: 10px 4px;
|
||||
> label {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
&.needs-attention > label {
|
||||
@extend %needs_attention;
|
||||
background-size: 6px 6px, 0 0;
|
||||
stacksidebar {
|
||||
.list-row {
|
||||
padding: 10px 4px;
|
||||
> label {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
&.needs-attention > label {
|
||||
@extend %needs_attention;
|
||||
background-size: 6px 6px, 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -964,15 +964,15 @@ button, headerbar button.titlebutton,
|
||||
.titlebar .primary-toolbar button.titlebutton {
|
||||
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;
|
||||
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-repeat: no-repeat;
|
||||
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; }
|
||||
.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; }
|
||||
|
||||
.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 {
|
||||
opacity: 0.7; }
|
||||
|
||||
.sidebar-item {
|
||||
stacksidebar .list-row {
|
||||
padding: 10px 4px; }
|
||||
.sidebar-item > label {
|
||||
stacksidebar .list-row > label {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; }
|
||||
.sidebar-item.needs-attention > label {
|
||||
stacksidebar .list-row.needs-attention > label {
|
||||
background-size: 6px 6px, 0 0; }
|
||||
|
||||
/****************
|
||||
|
@ -964,15 +964,15 @@ button, headerbar button.titlebutton,
|
||||
.titlebar .primary-toolbar button.titlebutton {
|
||||
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;
|
||||
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-repeat: no-repeat;
|
||||
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; }
|
||||
.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; }
|
||||
|
||||
.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 {
|
||||
opacity: 0.7; }
|
||||
|
||||
.sidebar-item {
|
||||
stacksidebar .list-row {
|
||||
padding: 10px 4px; }
|
||||
.sidebar-item > label {
|
||||
stacksidebar .list-row > label {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; }
|
||||
.sidebar-item.needs-attention > label {
|
||||
stacksidebar .list-row.needs-attention > label {
|
||||
background-size: 6px 6px, 0 0; }
|
||||
|
||||
/****************
|
||||
|
Loading…
Reference in New Issue
Block a user