update
This commit is contained in:
parent
c8ed1716f3
commit
a89a7a8e2a
6 changed files with 32 additions and 33 deletions
|
@ -11,17 +11,17 @@
|
||||||
|
|
||||||
// overall menu
|
// overall menu
|
||||||
#calendarArea {
|
#calendarArea {
|
||||||
padding: $base_padding * 2 0;
|
padding: $base_padding * 1.5 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Calendar menu side column
|
// Calendar menu side column
|
||||||
.datemenu-calendar-column {
|
.datemenu-calendar-column {
|
||||||
spacing: $base_spacing;
|
spacing: $base_spacing;
|
||||||
border: 0 solid $borders_color;
|
border: 0 solid $borders_color;
|
||||||
padding: 0 $base_padding * 2;
|
padding: 0 0 0 $base_padding * 2;
|
||||||
|
|
||||||
&:ltr {margin-right: $base_margin * 2; border-left-width: 0; }
|
&:ltr { margin-right: $base_margin * 2; border-left-width: 0; }
|
||||||
&:rtl {margin-left: $base_margin * 2; border-right-width: 0; }
|
&:rtl { margin-left: $base_margin * 2; border-right-width: 0; }
|
||||||
|
|
||||||
.datemenu-displays-section { padding-bottom: 0; }
|
.datemenu-displays-section { padding-bottom: 0; }
|
||||||
|
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
|
|
||||||
.message-list {
|
.message-list {
|
||||||
width: 31.5em;
|
width: 31.5em;
|
||||||
padding: $base_padding;
|
padding: $base_padding * 1.5 0;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
|
|
|
@ -1,17 +1,9 @@
|
||||||
.quick-settings {
|
.quick-settings {
|
||||||
padding: $base_padding * 3 !important;
|
padding: $base_padding * 3;
|
||||||
border-radius: 10px + $base_padding * 4 !important;
|
border-radius: $modal_radius * 2;
|
||||||
|
|
||||||
.icon-button, .button {
|
.icon-button, .button {
|
||||||
min-height: 20px + $base_padding * 2 !important;
|
padding: $base_padding * 1.75;
|
||||||
min-width: 20px + $base_padding * 2 !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
border-radius: $circular_radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
.popup-menu-content {
|
|
||||||
padding: $base_padding * 2 !important;
|
|
||||||
margin-top: $base_padding * 2 !important;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -22,9 +14,9 @@
|
||||||
|
|
||||||
.quick-toggle {
|
.quick-toggle {
|
||||||
border-radius: $circular_radius;
|
border-radius: $circular_radius;
|
||||||
min-width: 12em !important;
|
min-width: 12em;
|
||||||
max-width: 12em !important;
|
max-width: 12em;
|
||||||
min-height: 40px !important;
|
min-height: 40px;
|
||||||
border: none;
|
border: none;
|
||||||
background-color: $fill_color !important;
|
background-color: $fill_color !important;
|
||||||
|
|
||||||
|
@ -55,22 +47,22 @@
|
||||||
|
|
||||||
/* Move padding into the box; this is to allow menu arrows
|
/* Move padding into the box; this is to allow menu arrows
|
||||||
to extend to the border */
|
to extend to the border */
|
||||||
&.button { padding: 0 !important; }
|
&.button { padding: 0; }
|
||||||
& > StBoxLayout { padding: 0 $base_padding * 2 !important; }
|
& > StBoxLayout { padding: 0 $base_padding * 2; }
|
||||||
&:ltr > StBoxLayout { padding-left: $base_padding * 2.5 !important; }
|
&:ltr > StBoxLayout { padding-left: $base_padding * 2.5; }
|
||||||
&:rtl > StBoxLayout { padding-right: $base_padding * 2.5 !important; }
|
&:rtl > StBoxLayout { padding-right: $base_padding * 2.5; }
|
||||||
|
|
||||||
.quick-toggle-label { font-weight: bold; }
|
.quick-toggle-label { font-weight: bold; }
|
||||||
.quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; }
|
.quick-toggle-icon, .quick-toggle-arrow { icon-size: $base_icon_size; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.quick-menu-toggle {
|
.quick-menu-toggle {
|
||||||
&:ltr > StBoxLayout { padding-right: 0 !important; }
|
&:ltr > StBoxLayout { padding-right: 0; }
|
||||||
&:rtl > StBoxLayout { padding-left: 0 !important; }
|
&:rtl > StBoxLayout { padding-left: 0; }
|
||||||
|
|
||||||
.quick-toggle-arrow {
|
.quick-toggle-arrow {
|
||||||
background-color: $fill_color !important;
|
background-color: $fill_color !important;
|
||||||
padding: $base_padding $base_padding * 1.75 !important;
|
padding: $base_padding $base_padding * 1.75;
|
||||||
|
|
||||||
&:active {
|
&:active {
|
||||||
background-color: $divider_color !important;
|
background-color: $divider_color !important;
|
||||||
|
@ -114,12 +106,13 @@
|
||||||
.quick-toggle-menu {
|
.quick-toggle-menu {
|
||||||
background-color: $menu_bg !important;
|
background-color: $menu_bg !important;
|
||||||
color: $text_color !important;
|
color: $text_color !important;
|
||||||
border-radius: 10px + $base_padding * 2.5 !important;
|
border-radius: $base_border_radius * 3;
|
||||||
padding: $base_padding * 2 !important;
|
padding: $base_padding * 2;
|
||||||
margin: $base_padding * 2 $base_padding * 6 0 !important;
|
margin: $base_padding * 2 $base_padding * 6 0;
|
||||||
|
|
||||||
.popup-menu-item {
|
.popup-menu-item {
|
||||||
border-radius: $circular_radius !important;
|
border-radius: $circular_radius !important;
|
||||||
|
min-height: 20px;
|
||||||
|
|
||||||
&:focus, &:hover, &.selected {
|
&:focus, &:hover, &.selected {
|
||||||
color: $text_color !important;
|
color: $text_color !important;
|
||||||
|
@ -155,6 +148,8 @@
|
||||||
background-color: $fill_color;
|
background-color: $fill_color;
|
||||||
color: $text_color;
|
color: $text_color;
|
||||||
border-radius: $circular_radius;
|
border-radius: $circular_radius;
|
||||||
|
min-height: 24px;
|
||||||
|
min-width: 24px;
|
||||||
|
|
||||||
&:hover { @include button(flat-hover); }
|
&:hover { @include button(flat-hover); }
|
||||||
&:active { @include button(flat-active); }
|
&:active { @include button(flat-active); }
|
||||||
|
|
|
@ -1606,7 +1606,7 @@ headerbar {
|
||||||
&:disabled { background: none; }
|
&:disabled { background: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
stackswitcher.linked.stack-switcher:not(.vertical) > button {
|
.linked.stack-switcher:not(.vertical) > button {
|
||||||
min-width: $menuitem_size - 4px;
|
min-width: $menuitem_size - 4px;
|
||||||
border-radius: $bt_radius;
|
border-radius: $bt_radius;
|
||||||
}
|
}
|
||||||
|
@ -1633,7 +1633,7 @@ headerbar {
|
||||||
&:backdrop { opacity: 0.65; background-image: none; }
|
&:backdrop { opacity: 0.65; background-image: none; }
|
||||||
}
|
}
|
||||||
|
|
||||||
stackswitcher {
|
.stack-switcher {
|
||||||
box-shadow: inset 0 0 0 1px $light_borders_color;
|
box-shadow: inset 0 0 0 1px $light_borders_color;
|
||||||
border-radius: $bt_radius;
|
border-radius: $bt_radius;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
|
@ -197,7 +197,7 @@ $raven_padding: 8px;
|
||||||
entry.search {
|
entry.search {
|
||||||
padding: 5px 10px;
|
padding: 5px 10px;
|
||||||
border: none;
|
border: none;
|
||||||
border-bottom: 1px solid $header_border;
|
border-bottom: 1px solid rgba(black, if($variant == 'light', 0.1, 0.75));
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
font-size: 110%;
|
font-size: 110%;
|
||||||
|
|
|
@ -1390,7 +1390,11 @@ window.background.csd {
|
||||||
&,
|
&,
|
||||||
> stack,
|
> stack,
|
||||||
> stack > box.vertical {
|
> stack > box.vertical {
|
||||||
> list > row.activatable { @extend %sidebar_row; }
|
> list {
|
||||||
|
padding: 2px 0;
|
||||||
|
|
||||||
|
> row.activatable { @extend %sidebar_row; }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue