selections: have unfocused state
- text selections for unfocused elements - textview, label, entry, spinbutton fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/4393
This commit is contained in:
@@ -56,6 +56,7 @@ $backdrop_bg_color: $bg_color;
|
||||
$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 50%);
|
||||
$backdrop_insensitive_color: if($variant == 'light', darken($backdrop_bg_color, 15%), lighten($backdrop_bg_color, 15%));
|
||||
$backdrop_selected_fg_color: if($variant == 'light', $backdrop_base_color, $backdrop_text_color);
|
||||
$backdrop_selected_bg_color: transparentize(desaturate($selected_bg_color,100%),0.5);
|
||||
$backdrop_borders_color: mix($borders_color, $bg_color, 80%);
|
||||
$backdrop_dark_fill: mix($backdrop_borders_color, $backdrop_bg_color, 35%);
|
||||
|
||||
|
||||
@@ -66,7 +66,13 @@ textview {
|
||||
> text {
|
||||
@extend %view;
|
||||
|
||||
> selection { &:focus, & { @extend %selected_items; }}
|
||||
> selection {
|
||||
background-color: $backdrop_selected_bg_color;
|
||||
|
||||
&:focus-within {
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:drop(active) {
|
||||
@@ -152,8 +158,11 @@ label {
|
||||
&:selected { @extend %nobg_selected_items; }
|
||||
|
||||
> selection {
|
||||
background-color: $selected_bg_color;
|
||||
background-color: $backdrop_selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
&:focus-within {
|
||||
background-color: $selected_bg_color;
|
||||
}
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
@@ -318,7 +327,14 @@ entry {
|
||||
|
||||
&:disabled { @include entry(insensitive); }
|
||||
|
||||
> text > selection { @extend %selected_items; }
|
||||
> text > selection {
|
||||
background-color: $backdrop_selected_bg_color;
|
||||
color: transparent;
|
||||
&:focus-within {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
// entry error and warning style
|
||||
@each $e_type, $e_color in (error, $error_color),
|
||||
@@ -1134,7 +1150,14 @@ spinbutton {
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
|
||||
> selection { @extend %selected_items; }
|
||||
> selection {
|
||||
background-color: $backdrop_selected_bg_color;
|
||||
color: transparent;
|
||||
&:focus-within {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
> block-cursor { @include entry(block_cursor); }
|
||||
}
|
||||
|
||||
@@ -3357,8 +3380,12 @@ columnview row:not(:selected) cell editablelabel.editing:focus-within {
|
||||
}
|
||||
|
||||
columnview row:not(:selected) cell editablelabel.editing text selection {
|
||||
color: $selected_fg_color;
|
||||
background-color: $selected_bg_color;
|
||||
background-color: $backdrop_selected_bg_color;
|
||||
color: transparent;
|
||||
&:focus-within {
|
||||
background-color: $selected_bg_color;
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************************
|
||||
|
||||
Reference in New Issue
Block a user