AuroraMiddleware/gtk2
1
0
Fork 0
forked from AuroraMiddleware/gtk
Code Issues Pull Requests Projects Releases Wiki Activity

Adwaita: Fix and simplify infobar styling

Browse Source 
- Apply sizing regardless of style class.
- Fix bottom border not reaching the bottom corners.
- Remove unnecessary style overrides that should have been removed
  during the redesign.
This commit is contained in:
nana-4 2020-04-18 15:14:53 +09:00
parent f1da4cfae1
commit 2afd10b537
1 changed files with 8 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3814,63 +3814,25 @@ video {
* GtkInfoBar *
**************/
infobar {
border-style: none;
> revealer > box {
padding: 8px;
border-spacing: 12px;
}
&.action:hover {
&.action:hover > revealer > box {
background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 47%), 30%),
desaturate(darken(invert($selected_bg_color), 42%), 70%));
border-color: lighten($borders_color, 10%);
}
&.info,
&.question,
&.warning,
&.error {
&:backdrop, & {
label, & { color: $fg_color; }
> revealer > box {
border-bottom: 1px solid lighten($borders_color, 5%);
background-color: if($variant == 'light', desaturate(lighten(invert($selected_bg_color), 45%), 30%),
desaturate(darken(invert($selected_bg_color), 40%), 70%));
border-color: lighten($borders_color, 10%);
}
text-shadow: none;
&:backdrop { text-shadow: none; }
> revealer > box {
padding-top: 8px; padding-bottom: 8px;
border-bottom: 1px solid lighten($borders_color, 5%);
border-spacing: 12px;
}
> revealer { padding-left: 8px; padding-right: 8px; }
button {
// FIXME: extend selection mode buttons
@include button(normal, $bg_color, $fg_color, none);
&:hover { @include button(hover, $bg_color, $fg_color, none); }
&:active,
&:checked { @include button(active, $bg_color, $fg_color, none); }
&:disabled { @include button(insensitive,$bg_color,$fg_color,none); }
&:backdrop {
@include button(backdrop, $bg_color, $fg_color, none);
border-color: _border_color($bg_color);
&:disabled {
@include button(backdrop-insensitive, $bg_color,
$fg_color, none);
border-color: _border_color($bg_color);
}
}
&:backdrop, & {
label, & { color: $fg_color; }
}
}
selection { background-color: darken($bg_color, 10%); }
*:link { color: $link_color; }
}
}