Adwaita: special case .default-decoration

Titlebars which are just window handles can be smaller.
This commit is contained in:
Lapo Calamandrei 2014-10-31 16:53:23 +01:00
parent 5a5e74bbe2
commit 00f618ea1a
3 changed files with 65 additions and 26 deletions

View File

@ -1184,11 +1184,13 @@ GtkComboBox {
font-weight: bold;
padding: 0px 12px;
}
.subtitle {
font-size: smaller;
padding: 0 12px;
@extend .dim-label;
}
.header-bar-separator,
& > GtkBox > .separator.vertical {
-GtkWidget-wide-separators: true;
@ -1200,111 +1202,136 @@ GtkComboBox {
$borders_color 70%,
transparentize($borders_color,1) 100%)
0 1 / 0 1px stretch; //FIXME use a proper color
&:backdrop {
border-image: linear-gradient(to bottom,
transparentize($backdrop_borders_color,
0.5))
border-image: linear-gradient(to bottom, transparentize($backdrop_borders_color, 0.5))
0 1 / 1px 1px; //FIXME use a proper color
}
}
&.selection-mode {
$_hc: mix($top_hilight,$selected_bg_color, 50%); // hilight color
color: $selected_fg_color;
text-shadow: 0 -1px transparentize(black, 0.5);
border-color: $selected_borders_color;
background-image: linear-gradient(to bottom,
lighten($selected_bg_color,5%),
$selected_bg_color);
box-shadow: inset 0 -1px mix($selected_borders_color,
$selected_bg_color, 35%), //bottom shade
box-shadow: inset 0 -1px mix($selected_borders_color, $selected_bg_color, 35%), //bottom shade
inset 0 1px $_hc;
&:backdrop {
background-image: linear-gradient(to bottom, $selected_bg_color);
box-shadow: inset 0 1px mix($top_hilight,$selected_bg_color, 60%);
}
.subtitle:link { @extend *:link:selected; }
.button {
@include button(normal, $selected_bg_color, $selected_fg_color, $_hc);
&.flat { @include button(undecorated); }
&:hover { @include button(hover, $selected_bg_color, $selected_fg_color,
$_hc); }
&:active, &:checked { @include button(active, $selected_bg_color,
$selected_fg_color, $_hc); }
&:backdrop, &.flat:backdrop {
&:hover { @include button(hover, $selected_bg_color, $selected_fg_color, $_hc); }
&:active, &:checked { @include button(active, $selected_bg_color, $selected_fg_color, $_hc); }
&:backdrop,
&.flat:backdrop {
@include button(backdrop, $selected_bg_color, $selected_fg_color, $_hc);
-gtk-image-effect: none;
border-color: $selected_borders_color;
&:active, &:checked {
@include button(backdrop-active, $selected_bg_color,
$selected_fg_color, $_hc);
&:active,
&:checked {
@include button(backdrop-active, $selected_bg_color, $selected_fg_color, $_hc);
border-color: $selected_borders_color;
}
&:insensitive {
@include button(backdrop-insensitive, $selected_bg_color,
$selected_fg_color, $_hc);
@include button(backdrop-insensitive, $selected_bg_color, $selected_fg_color, $_hc);
border-color: $selected_borders_color;
}
&:insensitive:active, &:insensitive:checked {
&:insensitive:active,
&:insensitive:checked {
@include button(backdrop-insensitive-active, $selected_bg_color,
$selected_fg_color, $_hc);
border-color: $selected_borders_color;
}
}
&.flat:backdrop, &.flat:insensitive, &.flat:insensitive:backdrop {
&.flat:backdrop,
&.flat:insensitive,
&.flat:insensitive:backdrop {
@include button(undecorated);
}
&:insensitive {
@include button(insensitive, $selected_bg_color, $selected_fg_color,
$_hc);
&:active, &:checked {
@include button(insensitive-active, $selected_bg_color,
$selected_fg_color, $_hc);
}
@include button(insensitive, $selected_bg_color, $selected_fg_color, $_hc);
&:active, &:checked { @include button(insensitive-active, $selected_bg_color, $selected_fg_color, $_hc); }
}
&.suggested-action {
@include button(normal, $edge:$_hc);
border-color: $selected_borders_color;
&:hover {
@include button(hover, $edge:$_hc);
border-color: $selected_borders_color;
}
&:active {
@include button(active, $edge:$_hc);
border-color: $selected_borders_color;
}
&:insensitive {
@include button(insensitive, $edge:$_hc);
border-color: $selected_borders_color;
}
&:backdrop {
@include button(backdrop, $edge:$_hc);
border-color: $selected_borders_color;
}
&:backdrop:insensitive {
@include button(backdrop-insensitive, $edge:$_hc);
border-color: $selected_borders_color;
}
}
}
.selection-menu {
border-color: transparentize($selected_bg_color,1);
background-image: linear-gradient(to bottom,
transparentize($selected_bg_color,1));
border-color: transparentize($selected_bg_color, 1);
background-image: linear-gradient(to bottom, transparentize($selected_bg_color, 1));
box-shadow: none;
padding-left: 10px;
padding-right: 10px;
GtkArrow { -GtkArrow-arrow-scaling: 1; }
.arrow {
-gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
color: transparentize($selected_fg_color,0.5);
icon-shadow: none;
}
&:backdrop { @extend .selection-menu };
}
}
.tiled &, .maximized & {
border-radius: 0; // squared corners when the window is max'd or tiled
}
&.default-decoration {
padding: 4px;
.button { padding: 5px; }
}
}
/************

View File

@ -1880,6 +1880,12 @@ GtkComboBox {
.header-bar, .maximized
.header-bar {
border-radius: 0; }
.titlebar.default-decoration,
.header-bar.default-decoration {
padding: 4px; }
.titlebar.default-decoration .button,
.header-bar.default-decoration .button {
padding: 5px; }
/************
* Pathbars *

View File

@ -1872,6 +1872,12 @@ GtkComboBox {
.header-bar, .maximized
.header-bar {
border-radius: 0; }
.titlebar.default-decoration,
.header-bar.default-decoration {
padding: 4px; }
.titlebar.default-decoration .button,
.header-bar.default-decoration .button {
padding: 5px; }
/************
* Pathbars *