Adwaita: style flowbox tiles

+ fixups by Daniel Boles from gtk-3-22

https://bugzilla.gnome.org/show_bug.cgi?id=779073
This commit is contained in:
Jakub Steiner 2017-02-16 20:34:50 +01:00 committed by Daniel Boles
parent 8c707e29ff
commit 6fe1d30e62
3 changed files with 37 additions and 5 deletions

View File

@ -139,7 +139,6 @@ flowbox {
flowboxchild {
padding: 3px;
border-radius: 3px;
&:selected {
@extend %selected_items;
@ -149,6 +148,17 @@ flowbox {
}
}
.content-view .tile {
margin: 2px;
background-color: if($variant=='light', transparent, black);
border-radius: 0;
padding: 0;
&:backdrop { background-color: if($variant=='light', transparent, darken($backdrop_base_color,5%)); }
&:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); }
&:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); }
}
label {
caret-color: currentColor; // this shouldn't be needed.

View File

@ -97,11 +97,22 @@ treeview.view rubberband,
background-color: rgba(24, 68, 114, 0.2); }
flowbox flowboxchild {
padding: 3px;
border-radius: 3px; }
padding: 3px; }
flowbox flowboxchild:selected {
outline-offset: -2px; }
.content-view .tile {
margin: 2px;
background-color: black;
border-radius: 0;
padding: 0; }
.content-view .tile:backdrop {
background-color: #1a1d1e; }
.content-view .tile:active, .content-view .tile:selected {
background-color: #215d9c; }
.content-view .tile:disabled {
background-color: #2d3234; }
label {
caret-color: currentColor; }
label.separator {

View File

@ -97,11 +97,22 @@ treeview.view rubberband,
background-color: rgba(42, 118, 198, 0.2); }
flowbox flowboxchild {
padding: 3px;
border-radius: 3px; }
padding: 3px; }
flowbox flowboxchild:selected {
outline-offset: -2px; }
.content-view .tile {
margin: 2px;
background-color: transparent;
border-radius: 0;
padding: 0; }
.content-view .tile:backdrop {
background-color: transparent; }
.content-view .tile:active, .content-view .tile:selected {
background-color: transparent; }
.content-view .tile:disabled {
background-color: transparent; }
label {
caret-color: currentColor; }
label.separator {