Fixed issues
This commit is contained in:
parent
c232862416
commit
f1ab2ebb43
@ -29,32 +29,7 @@ stage {
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
%button {
|
||||
@include button(normal);
|
||||
&:hover { @include button(hover); }
|
||||
&:active { @include button(active); }
|
||||
&:insensitive { @include button(insensitive); }
|
||||
&:focus { @include button(focus); }
|
||||
}
|
||||
|
||||
%flat_button {
|
||||
@include button(flat-normal);
|
||||
&:hover { @include button(flat-hover); }
|
||||
&:active { @include button(flat-active); }
|
||||
&:insensitive { @include button(flat-insensitive); }
|
||||
&:focus { @include button(flat-focus); }
|
||||
}
|
||||
|
||||
// Common Stylings
|
||||
%icon_tile {
|
||||
color: $light_alt_fg_color;
|
||||
border-radius: $bd_radius * 1.5;
|
||||
padding: 6px;
|
||||
border: none;
|
||||
transition-duration: $longer_duration;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
%osd_panel {
|
||||
color: $fg_color;
|
||||
background-color: $base_color;
|
||||
@ -75,28 +50,6 @@ stage {
|
||||
color: $light_hint_fg_color;
|
||||
}
|
||||
|
||||
%popover_bubble {
|
||||
border-radius: $mn_radius;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75));
|
||||
text-shadow: none;
|
||||
color: $alt_fg_color;
|
||||
transition: none;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 15%), 0.75));
|
||||
box-shadow: 0 3px 5px rgba(black, 0.1);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(white, 0.65), rgba(lighten($base_color, 10%), 0.75));
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
%bubble_button {
|
||||
@include button(normal);
|
||||
padding: $container_padding * 2;
|
||||
@ -124,44 +77,3 @@ stage {
|
||||
border-radius: 0 0 $bt_radius $bt_radius;
|
||||
}
|
||||
}
|
||||
|
||||
%theme_dialogs {
|
||||
background-color: $dialog_bg_color;
|
||||
border-radius: $wm_radius;
|
||||
border: solid rgba(black, 0.75);
|
||||
border-width: if($variant=='light', 0, 1px);
|
||||
box-shadow: 3px 3px 8px -3px rgba(black, 0.65);
|
||||
}
|
||||
|
||||
%overview_scrollbar {
|
||||
StBin#trough {
|
||||
background-color: $light_divider_color;
|
||||
}
|
||||
|
||||
StButton#vhandle, StButton#hhandle {
|
||||
background-color: $light_hint_fg_color;
|
||||
&:hover { background-color: $light_alt_fg_color; }
|
||||
&:active { background-color: $light_alt_fg_color; }
|
||||
}
|
||||
}
|
||||
|
||||
%last_dialog_button {
|
||||
color: white;
|
||||
background-color: $primary_color;
|
||||
box-shadow: inset 0 1px 0 0 rgba(white,0.1);
|
||||
|
||||
&:hover {
|
||||
color: white;
|
||||
background-color: lighten($primary_color, 9%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: white;
|
||||
background-color: darken($primary_color, 5%);
|
||||
}
|
||||
|
||||
&:insensitive {
|
||||
background-color: rgba($primary_color, 0.05);
|
||||
color: rgba($primary_color, 0.35);
|
||||
}
|
||||
}
|
||||
|
@ -3,6 +3,15 @@
|
||||
|
||||
$app_grid_fg_color: #fff;
|
||||
|
||||
%icon_tile {
|
||||
color: $light_alt_fg_color;
|
||||
border-radius: $bd_radius * 1.5;
|
||||
padding: 6px;
|
||||
border: none;
|
||||
transition-duration: $longer_duration;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
%app-well-app,
|
||||
.show-apps,
|
||||
.app-well-app,
|
||||
|
@ -6,7 +6,11 @@
|
||||
border-radius: $bt_radius;
|
||||
|
||||
&, .popup-menu & {
|
||||
@extend %flat_button;
|
||||
@include button(flat-normal);
|
||||
&:hover { @include button(flat-hover); }
|
||||
&:active { @include button(flat-active); }
|
||||
&:insensitive { @include button(flat-insensitive); }
|
||||
&:focus { @include button(flat-focus); }
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
@ -1,5 +1,34 @@
|
||||
/* Modal Dialogs */
|
||||
|
||||
%theme_dialogs {
|
||||
background-color: $dialog_bg_color;
|
||||
border-radius: $wm_radius;
|
||||
border: solid rgba(black, 0.75);
|
||||
border-width: if($variant=='light', 0, 1px);
|
||||
box-shadow: 3px 3px 8px -3px rgba(black, 0.65);
|
||||
}
|
||||
|
||||
%last_dialog_button {
|
||||
color: white;
|
||||
background-color: $primary_color;
|
||||
box-shadow: inset 0 1px 0 0 rgba(white,0.1);
|
||||
|
||||
&:hover {
|
||||
color: white;
|
||||
background-color: lighten($primary_color, 9%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: white;
|
||||
background-color: darken($primary_color, 5%);
|
||||
}
|
||||
|
||||
&:insensitive {
|
||||
background-color: rgba($primary_color, 0.05);
|
||||
color: rgba($primary_color, 0.35);
|
||||
}
|
||||
}
|
||||
|
||||
.headline {
|
||||
@include font(title);
|
||||
}
|
||||
|
@ -1,7 +1,7 @@
|
||||
/* Entries */
|
||||
|
||||
StEntry {
|
||||
padding: 2px 8px;
|
||||
padding: 8px;
|
||||
margin: 3px;
|
||||
border-width: 0;
|
||||
color: $fg_color;
|
||||
|
@ -78,7 +78,6 @@
|
||||
border: none;
|
||||
border-radius: $bt_radius;
|
||||
@include font(button);
|
||||
@extend %flat_button;
|
||||
|
||||
&:hover { border: none; }
|
||||
}
|
||||
|
@ -8,11 +8,11 @@
|
||||
margin: 5px;
|
||||
border-radius: $bt_radius;
|
||||
color: $fg_color;
|
||||
background-color: rgba($base_color, 0.92);
|
||||
background-color: $base_color;
|
||||
border: none;
|
||||
box-shadow: 0 3px 8px rgba(black, 0.25);
|
||||
|
||||
&:hover { background-color: rgba($base_color, 0.95); }
|
||||
&:hover, &:selected { background-color: rgba($base_color, 1); box-shadow: 0 5px 12px rgba(black, 0.35); }
|
||||
&:focus { background-color: $base_color; }
|
||||
|
||||
.notification-icon { padding: 5px; }
|
||||
|
@ -2,6 +2,28 @@
|
||||
|
||||
$popop_menuitem_radius: $wm_radius - 4px;
|
||||
|
||||
%popover_bubble {
|
||||
border-radius: $mn_radius;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75));
|
||||
text-shadow: none;
|
||||
color: $alt_fg_color;
|
||||
transition: none;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 15%), 0.75));
|
||||
box-shadow: 0 3px 5px rgba(black, 0.1);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: $fg_color;
|
||||
background-color: if($variant == 'light', rgba(white, 0.65), rgba(lighten($base_color, 10%), 0.75));
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
//.the popover itself
|
||||
.popup-menu-boxpointer {
|
||||
-arrow-border-radius: 2px;
|
||||
@ -12,12 +34,6 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
-arrow-rise: 0;
|
||||
-arrow-box-shadow: none; //dreaming. bug #689995
|
||||
background: transparent; // needs to reset?
|
||||
|
||||
StEntry {
|
||||
selection-background-color: $light_alt_fg_color;
|
||||
selected-background-color: $light_alt_fg_color;
|
||||
selected-color: $primary_color;
|
||||
}
|
||||
}
|
||||
|
||||
// container of the popover menu
|
||||
@ -118,6 +134,18 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
||||
-boxpointer-gap: $base_margin; // distance from the panel
|
||||
margin-bottom: 1.75em;
|
||||
}
|
||||
|
||||
StEntry {
|
||||
selection-background-color: $light_alt_fg_color;
|
||||
selected-background-color: $light_alt_fg_color;
|
||||
selected-color: $primary_color;
|
||||
caret-color: $fg_color;
|
||||
|
||||
StLabel.hint-text {
|
||||
margin-left: 2px;
|
||||
color: transparentize($fg_color, 0.3);
|
||||
}
|
||||
}
|
||||
}
|
||||
// symbolic icons in popover
|
||||
.popup-menu-arrow,
|
||||
|
@ -21,6 +21,7 @@
|
||||
&:focus { @include button(flat-focus); }
|
||||
&:active { @include button(flat-active); }
|
||||
&:insensitive { @include button(flat-disabled); }
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
&-current {
|
||||
|
@ -285,5 +285,15 @@
|
||||
#panel.lock-screen { background-color: $alt_dark_bg_color; }
|
||||
|
||||
#screenShieldNotifications {
|
||||
StScrollBar { @extend %overview_scrollbar; }
|
||||
StScrollBar {
|
||||
StBin#trough {
|
||||
background-color: $light_divider_color;
|
||||
}
|
||||
|
||||
StButton#vhandle, StButton#hhandle {
|
||||
background-color: $light_hint_fg_color;
|
||||
&:hover { background-color: $light_alt_fg_color; }
|
||||
&:active { background-color: $light_alt_fg_color; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user