This commit is contained in:
Vince 2021-05-09 23:09:57 +08:00
parent 27183406e5
commit 8b1128d2cb
2 changed files with 102 additions and 96 deletions

View File

@ -1377,6 +1377,105 @@ actionbar {
// Headerbars // Headerbars
// //
%header_separator {
min-width: 0;
min-height: 0;
background-color: transparent;
border: none;
&:backdrop { opacity: 0.65; }
}
// Headerbar Entries
%headerbar_entrys {
min-height: 22px;
@include entry(header-normal);
&:backdrop { opacity: 0.65; background-image: none; }
&:hover {
@include entry(header-hover);
}
&:focus {
@include entry(header-focus);
}
&:disabled {
@include entry(header-insensitive);
}
selection:focus {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
progress {
border-color: $progress_color;
background-image: none;
background-color: transparent;
}
@each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $light_fg_color),
(error, $error_color, $light_fg_color) {
&.#{$e_type} {
color: $e_fg_color;
border-color: if($variant=='light', $e_color, $entry_border);
background-color: mix($e_color, $header_bg, 60%);
&:focus {
color: $e_fg_color;
background-color: $e_color;
}
selection, selection:focus {
background-color: $e_fg_color;
color: $e_color;
}
}
}
}
// Headerbar Buttons
%headerbar_buttons {
min-height: 26px;
min-width: 22px;
@include button(header-normal);
&:backdrop { opacity: 0.65; background-image: none; }
&:hover {
@include button(header-hover);
transition: $button_transition;
}
&:active, &:active:hover {
@include button(header-active);
transition: $button_transition;
transition-duration: 300ms;
}
&:checked {
@include button(header-checked);
transition: $button_transition;
transition-duration: 300ms;
&:hover { background-image: none; }
&:disabled {
@include button(header-insensitive-active);
}
}
&:disabled {
@include button(header-insensitive);
}
&.flat {
@include button(undecorated);
}
}
headerbar { headerbar {
min-height: 40px; min-height: 40px;
padding: 0 16px; padding: 0 16px;
@ -1763,101 +1862,6 @@ headerbar, .titlebar {
} }
} }
%header_separator {
min-width: 0;
min-height: 0;
background-color: transparent;
border: none;
&:backdrop { opacity: 0.65; }
}
// Headerbar Entries
%headerbar_entrys {
min-height: 22px;
@include entry(header-normal);
&:backdrop { opacity: 0.65; background-image: none; }
&:hover {
@include entry(header-hover);
}
&:focus {
@include entry(header-focus);
}
&:disabled {
@include entry(header-insensitive);
}
selection:focus {
background-color: $selected_bg_color;
color: $selected_fg_color;
}
progress {
border-color: $progress_color;
background-image: none;
background-color: transparent;
}
@each $e_type, $e_color, $e_fg_color in (warning, $warning_color, $light_fg_color),
(error, $error_color, $light_fg_color) {
&.#{$e_type} {
color: $e_fg_color;
border-color: if($variant=='light', $e_color, $entry_border);
background-color: mix($e_color, $header_bg, 60%);
&:focus {
color: $e_fg_color;
background-color: $e_color;
}
selection, selection:focus {
background-color: $e_fg_color;
color: $e_color;
}
}
}
}
// Headerbar Buttons
%headerbar_buttons {
min-height: 26px;
min-width: 22px;
@include button(header-normal);
&:backdrop { opacity: 0.65; background-image: none; }
&:hover {
@include button(header-hover);
transition: $button_transition;
}
&:active, &:active:hover {
@include button(header-active);
transition: $button_transition;
transition-duration: 300ms;
}
&:checked {
@include button(header-checked);
transition: $button_transition;
transition-duration: 300ms;
&:hover { background-image: none; }
}
&:disabled {
&, &:checked, &:active { @include button(header-insensitive); }
}
&.flat {
@include button(undecorated);
}
}
// //
// Pathbars // Pathbars
// //

View File

@ -292,7 +292,8 @@
// insensitive header-bar button // insensitive header-bar button
// //
label, & { color: rgba($header_fg, 0.35); } label, & { color: rgba($header_fg, 0.35); }
background: none; background-image: none;
background-color: transparent;
box-shadow: none; box-shadow: none;
} }
@ -301,6 +302,7 @@
// header-bar insensitive pushed button // header-bar insensitive pushed button
// //
color: rgba($header_fg, 0.35); color: rgba($header_fg, 0.35);
background-image: none;
background-color: transparent; background-color: transparent;
} }