update
This commit is contained in:
parent
ace428d277
commit
aab4b9dc0b
3 changed files with 47 additions and 28 deletions
|
@ -39,30 +39,29 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.clock-display-box {
|
|
||||||
spacing: 2px;
|
|
||||||
|
|
||||||
.clock {
|
|
||||||
padding-left: $base_padding * 2;
|
|
||||||
padding-right: $base_padding * 2;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// overall menu
|
// overall menu
|
||||||
#calendarArea {
|
#calendarArea {
|
||||||
padding: $base_padding * 1.5 0;
|
padding: 4px 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 0 0 $base_padding * 2;
|
|
||||||
|
|
||||||
&:ltr { margin-right: $base_margin * 2; border-left-width: 0; }
|
&:ltr {
|
||||||
&:rtl { margin-left: $base_margin * 2; border-right-width: 0; }
|
margin-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.datemenu-displays-section { padding-bottom: 0; }
|
&:rtl {
|
||||||
|
margin-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.datemenu-displays-section { padding: 0; }
|
||||||
|
|
||||||
.datemenu-displays-box {
|
.datemenu-displays-box {
|
||||||
spacing: $base_spacing;
|
spacing: $base_spacing;
|
||||||
|
@ -121,7 +120,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
|
||||||
box-shadow: 0 1px 2px rgba(black, 0.02) !important;
|
box-shadow: 0 1px 2px rgba(black, 0.02) !important;
|
||||||
background-color: $popover_bubble_bg;
|
background-color: $popover_bubble_bg;
|
||||||
padding: $base_padding !important;
|
padding: $base_padding !important;
|
||||||
margin: 0 12px !important;
|
margin: 0 $base_padding + $base_margin + 4px !important;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border-radius: $mn_radius;
|
border-radius: $mn_radius;
|
||||||
|
|
||||||
|
@ -286,7 +285,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
|
||||||
.events-button {
|
.events-button {
|
||||||
@extend %popover_bubble;
|
@extend %popover_bubble;
|
||||||
padding: $base_padding * 2 !important;
|
padding: $base_padding * 2 !important;
|
||||||
margin: 2px 4px !important;
|
margin: 3px 4px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Events
|
// Events
|
||||||
|
@ -345,8 +344,6 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
|
||||||
|
|
||||||
// Weather
|
// Weather
|
||||||
.weather-button {
|
.weather-button {
|
||||||
margin-bottom: 6px !important;
|
|
||||||
|
|
||||||
.weather-box {
|
.weather-box {
|
||||||
spacing: $base_spacing + $base_margin;
|
spacing: $base_spacing + $base_margin;
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,16 +3,29 @@
|
||||||
|
|
||||||
.message-list {
|
.message-list {
|
||||||
width: 31.5em;
|
width: 31.5em;
|
||||||
padding: $base_padding * 1.5 0;
|
padding: 0 $base_margin;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
border: none;
|
border: none;
|
||||||
|
|
||||||
// padding and margins to account for scrollbar
|
// padding and margins to account for scrollbar
|
||||||
&:ltr { margin-left: 0; margin-right: 0; padding-right: 0; }
|
&:ltr {
|
||||||
&:rtl { margin-right: 0; margin-left: 0; padding-left: 0; }
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
border-right-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:rtl {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
border-left-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.message-list-placeholder {
|
.message-list-placeholder {
|
||||||
spacing: 12px;
|
font-weight: 800;
|
||||||
|
@include fontsize(15);
|
||||||
|
color: $disabled_fg_color;
|
||||||
|
|
||||||
// icon size and color
|
// icon size and color
|
||||||
> StIcon {
|
> StIcon {
|
||||||
|
@ -24,11 +37,16 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-list-sections {
|
.message-list-sections {
|
||||||
margin: 0 $base_margin * 4; // to account for scrollbar
|
spacing: $base_padding;
|
||||||
|
margin: 0;
|
||||||
|
padding-bottom: $base_padding;
|
||||||
|
|
||||||
|
// to account for scrollbar
|
||||||
|
&:ltr { margin-right: $base_margin !important; }
|
||||||
|
&:rtl { margin-left: $base_margin !important; }
|
||||||
}
|
}
|
||||||
|
|
||||||
.message-list-section,
|
.message-list-section,
|
||||||
.message-list-sections,
|
|
||||||
.message-list-section-list {
|
.message-list-section-list {
|
||||||
spacing: $base_spacing;
|
spacing: $base_spacing;
|
||||||
}
|
}
|
||||||
|
@ -48,7 +66,7 @@
|
||||||
|
|
||||||
// message bubbles
|
// message bubbles
|
||||||
.message {
|
.message {
|
||||||
margin: 3px 4px 4px;
|
margin: 3px 4px;
|
||||||
|
|
||||||
.popup-menu & {
|
.popup-menu & {
|
||||||
@extend %popover_bubble;
|
@extend %popover_bubble;
|
||||||
|
|
|
@ -134,7 +134,11 @@ $panel_height: $menuitem_size;
|
||||||
&.clock-display {
|
&.clock-display {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
||||||
StLabel { padding: 0 $base_padding; }
|
&, .clock-display-box {
|
||||||
|
spacing: 0 !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
.clock {
|
.clock {
|
||||||
// transition-duration: 150ms;
|
// transition-duration: 150ms;
|
||||||
|
@ -142,8 +146,8 @@ $panel_height: $menuitem_size;
|
||||||
border-radius: $bt_radius;
|
border-radius: $bt_radius;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
padding: 0 $base_padding * 3;
|
padding: 0 $base_padding + 12px !important;
|
||||||
spacing: $base_padding;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue