callisto-debian/gtk3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adwaita: fix progressbar in treeviews styling

Browse Source
This commit is contained in:
Lapo Calamandrei
2016-03-15 17:02:01 +01:00
parent c6dcc6ee62
commit abfdad3c3d
3 changed files with 45 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1615,6 +1615,7 @@ treeview.view {
border: 1px solid $selected_borders_color; border: 1px solid $selected_borders_color;
border-radius: 4px; border-radius: 4px;
background-color: $selected_bg_color;
background-image: linear-gradient(to bottom, background-image: linear-gradient(to bottom,
$selected_bg_color, $selected_bg_color,
darken($selected_bg_color,10%)); darken($selected_bg_color,10%));
@ -1624,6 +1625,9 @@ treeview.view {
transparentize(black,0.9)); transparentize(black,0.9));
&:selected { &:selected {
&:focus, & {
border-radius: 4px;
@if $variant == 'light' { @if $variant == 'light' {
color: $selected_bg_color; color: $selected_bg_color;
box-shadow: none; box-shadow: none;
@ -1646,6 +1650,7 @@ treeview.view {
background-color: $backdrop_base_color; background-color: $backdrop_base_color;
} }
} }
}
&:backdrop { &:backdrop {
@if $variant == 'light' { color: $backdrop_base_color; } @if $variant == 'light' { color: $backdrop_base_color; }
@ -1662,9 +1667,11 @@ treeview.view {
border-radius: 4px; border-radius: 4px;
&:selected { &:selected {
&:focus, & {
background-color: if($variant == 'light', background-color: if($variant == 'light',
transparentize($selected_fg_color, 0.7), transparentize($selected_fg_color, 0.7),
darken($selected_bg_color, 10%)); darken($selected_bg_color, 10%));
border-radius: 4px;
@if $variant == 'light' { @if $variant == 'light' {
border-width: 1px 0; border-width: 1px 0;
@ -1673,6 +1680,7 @@ treeview.view {
} }
} }
} }
}
header { header {
button { button {

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

@ -1773,12 +1773,14 @@ treeview.view {
treeview.view.progressbar { treeview.view.progressbar {
border: 1px solid #0f2b48; border: 1px solid #0f2b48;
border-radius: 4px; border-radius: 4px;
background-color: #215d9c;
background-image: linear-gradient(to bottom, #215d9c, #184472); background-image: linear-gradient(to bottom, #215d9c, #184472);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.15), 0 1px rgba(0, 0, 0, 0.1); }
treeview.view.progressbar:selected { treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
border-radius: 4px;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
background-image: linear-gradient(to bottom, #292929, #101010); } background-image: linear-gradient(to bottom, #292929, #101010); }
treeview.view.progressbar:selected:backdrop { treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
border-color: #2c2c2c; border-color: #2c2c2c;
background-color: #2c2c2c; } background-color: #2c2c2c; }
treeview.view.progressbar:backdrop { treeview.view.progressbar:backdrop {
@ -1788,8 +1790,9 @@ treeview.view {
treeview.view.trough { treeview.view.trough {
background-color: rgba(238, 238, 236, 0.1); background-color: rgba(238, 238, 236, 0.1);
border-radius: 4px; } border-radius: 4px; }
treeview.view.trough:selected { treeview.view.trough:selected:focus, treeview.view.trough:selected {
background-color: #184472; } background-color: #184472;
border-radius: 4px; }
treeview.view header button { treeview.view header button {
color: #8c8c8b; color: #8c8c8b;
background-color: #292929; background-color: #292929;

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

@ -1780,13 +1780,15 @@ treeview.view {
color: #ffffff; color: #ffffff;
border: 1px solid #184472; border: 1px solid #184472;
border-radius: 4px; border-radius: 4px;
background-color: #4a90d9;
background-image: linear-gradient(to bottom, #4a90d9, #2a76c6); background-image: linear-gradient(to bottom, #4a90d9, #2a76c6);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px rgba(0, 0, 0, 0.2); }
treeview.view.progressbar:selected { treeview.view.progressbar:selected:focus, treeview.view.progressbar:selected {
border-radius: 4px;
color: #4a90d9; color: #4a90d9;
box-shadow: none; box-shadow: none;
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); } background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); }
treeview.view.progressbar:selected:backdrop { treeview.view.progressbar:selected:focus:backdrop, treeview.view.progressbar:selected:backdrop {
color: #4a90d9; color: #4a90d9;
border-color: #184472; border-color: #184472;
background-color: white; } background-color: white; }
@ -1797,8 +1799,9 @@ treeview.view {
treeview.view.trough { treeview.view.trough {
background-color: rgba(46, 52, 54, 0.1); background-color: rgba(46, 52, 54, 0.1);
border-radius: 4px; } border-radius: 4px; }
treeview.view.trough:selected { treeview.view.trough:selected:focus, treeview.view.trough:selected {
background-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.3);
border-radius: 4px;
border-width: 1px 0; border-width: 1px 0;
border-style: solid; border-style: solid;
border-color: #4a90d9; } border-color: #4a90d9; }