better selection-mode

pull/10/head
Horst3180 9 years ago
parent 6b5c46252c
commit 3c3f2529c3

@ -1050,20 +1050,53 @@ GtkComboBox {
border-color: darken($selection_mode_bg, 4%);
box-shadow: none;
&:backdrop { background-color: $selection_mode_bg; }
&:backdrop {
background-color: $selection_mode_bg;
color: transparentize($selected_fg_color, 0.4);
}
.subtitle:link { @extend *:link:selected; }
.button {
@extend %selected-button
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
background-color: transparentize($selected_fg_color, 1);
border-color: transparentize($selected_fg_color, 1);
&.flat {
@include button(undecorated);
color: $selected_fg_color;
background-color: transparentize($selected_fg_color, 1);
}
&:hover {
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
background-color: transparentize($selected_fg_color, 0.95);
border-color: transparentize($selected_fg_color, 0.5);
}
&:active, &:checked {
color: $selected_fg_color;
outline-color: transparentize($selected_fg_color, 0.7);
background-color: transparentize(black, 0.8);
border-color: transparentize(black, 0.8);
}
&:insensitive {
color: transparentize($selected_fg_color, 0.6);
background-color: transparentize($selected_fg_color, 1);
border-color: transparentize($selected_fg_color, 1);
&:active, &:checked {
color: transparentize($selected_fg_color, 0.6);
background-color: transparentize(black, 0.85);
border-color: transparentize(black, 0.85);
}
}
}
.selection-menu {
box-shadow: none;
padding-left: 10px;
padding-right: 10px;
padding-top: 12px;
padding-bottom: 12px;
GtkArrow { -GtkArrow-arrow-scaling: 1; }
.arrow {
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
@ -1087,7 +1120,7 @@ GtkComboBox {
padding-top: 5px; // less padding for ssd
padding-bottom: 5px; //
background-color: opacify($header_bg, 1);
border-bottom: none;
border-bottom-width: 0;
&:backdrop { background-color: lighten(opacify($header_bg, 1), 3%); }
}

@ -795,13 +795,41 @@ GtkComboBox {
border-color: rgba(65, 137, 223, 0.95);
box-shadow: none; }
.header-bar.selection-mode:backdrop {
background-color: rgba(82, 148, 226, 0.95); }
background-color: rgba(82, 148, 226, 0.95);
color: rgba(255, 255, 255, 0.6); }
.header-bar.selection-mode .button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0); }
.header-bar.selection-mode .button.flat {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
.header-bar.selection-mode .button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(255, 255, 255, 0.5); }
.header-bar.selection-mode .button:active, .header-bar.selection-mode .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(0, 0, 0, 0.2);
border-color: rgba(0, 0, 0, 0.2); }
.header-bar.selection-mode .button:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0); }
.header-bar.selection-mode .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.15);
border-color: rgba(0, 0, 0, 0.15); }
.header-bar.selection-mode .selection-menu {
box-shadow: none;
padding-left: 10px;
padding-right: 10px;
padding-top: 12px;
padding-bottom: 12px; }
padding-right: 10px; }
.header-bar.selection-mode .selection-menu GtkArrow {
-GtkArrow-arrow-scaling: 1; }
.header-bar.selection-mode .selection-menu .arrow {
@ -818,7 +846,7 @@ GtkComboBox {
padding-top: 5px;
padding-bottom: 5px;
background-color: #e7e8eb;
border-bottom: none; }
border-bottom-width: 0; }
.header-bar.default-decoration:backdrop {
background-color: #eff0f2; }
@ -1912,32 +1940,32 @@ GtkInfoBar {
background-color: #5294E2;
color: #ffffff; }
.header-bar.selection-mode .button, .list-row:selected .button, GtkInfoBar .button {
.list-row:selected .button, GtkInfoBar .button {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.5); }
.header-bar.selection-mode .flat.button, .list-row:selected .flat.button, GtkInfoBar .flat.button {
.list-row:selected .flat.button, GtkInfoBar .flat.button {
border-color: transparent;
background-color: transparent;
background-image: none;
color: #ffffff;
background-color: rgba(255, 255, 255, 0); }
.header-bar.selection-mode .button:hover, .list-row:selected .button:hover, GtkInfoBar .button:hover {
.list-row:selected .button:hover, GtkInfoBar .button:hover {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
.header-bar.selection-mode .button:active, .list-row:selected .button:active, GtkInfoBar .button:active, .header-bar.selection-mode .button:checked, .list-row:selected .button:checked, GtkInfoBar .button:checked {
.list-row:selected .button:active, GtkInfoBar .button:active, .list-row:selected .button:checked, GtkInfoBar .button:checked {
color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3);
background-color: rgba(0, 0, 0, 0.2);
border-color: rgba(255, 255, 255, 0.8); }
.header-bar.selection-mode .button:insensitive, .list-row:selected .button:insensitive, GtkInfoBar .button:insensitive {
.list-row:selected .button:insensitive, GtkInfoBar .button:insensitive {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(255, 255, 255, 0);
border-color: rgba(255, 255, 255, 0.2); }
.header-bar.selection-mode .button:insensitive:active, .list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .header-bar.selection-mode .button:insensitive:checked, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked {
.list-row:selected .button:insensitive:active, GtkInfoBar .button:insensitive:active, .list-row:selected .button:insensitive:checked, GtkInfoBar .button:insensitive:checked {
color: rgba(255, 255, 255, 0.4);
background-color: rgba(0, 0, 0, 0.1);
border-color: rgba(255, 255, 255, 0.2); }

Loading…
Cancel
Save