Adwaita: less distracting active list-rows

This commit is contained in:
Lapo Calamandrei 2014-07-22 10:27:49 +02:00
parent 7fe1bd70cf
commit 35e4421bb8
3 changed files with 11 additions and 16 deletions

View File

@ -2063,14 +2063,11 @@ GtkScrolledWindow {
background-color: mix(black, $base_color, 5%);
}
&:active {
color: $selected_bg_color;
box-shadow: inset 0 2px 3px -1px transparentize(black,0.7);
box-shadow: inset 0 2px 2px -2px transparentize(black,0.8);
}
&:selected {
@extend .list-row:selected;
&:active { box-shadow: inset 0 2px 3px -1px transparentize(black,0.5); }
&:hover {
@extend .list-row:selected;
background-color: mix(black, $selected_bg_color, 10%);
}
}

View File

@ -2522,17 +2522,16 @@ GtkScrolledWindow GtkViewport.frame {
.list-row.button:hover {
background-color: #262626; }
.list-row.button:active {
color: #215d9c;
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
.button.list-row:active:selected {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
.list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
.button.list-row:hover:selected {
.list-row.button:selected:hover {
background-color: #1d538c; }
.list-row:selected, .list-row.button:selected, .list-row.button:selected:hover {
.list-row:selected {
color: white;
background-color: #215d9c; }
.list-row:selected:backdrop, .list-row.button:backdrop:selected:hover {
.list-row:selected:backdrop {
color: #2c2c2c; }
/*.list-row.button:selected,

View File

@ -2517,17 +2517,16 @@ GtkScrolledWindow GtkViewport.frame {
.list-row.button:hover {
background-color: #f2f2f2; }
.list-row.button:active {
color: #4a90d9;
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); }
.button.list-row:active:selected {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
.list-row.button:selected:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.5); }
.button.list-row:hover:selected {
.list-row.button:selected:hover {
background-color: #4281c3; }
.list-row:selected, .list-row.button:selected, .list-row.button:selected:hover {
.list-row:selected {
color: white;
background-color: #4a90d9; }
.list-row:selected:backdrop, .list-row.button:backdrop:selected:hover {
.list-row:selected:backdrop {
color: #fcfcfc; }
/*.list-row.button:selected,