update
This commit is contained in:
parent
4fcaedf969
commit
e7140944f6
@ -211,7 +211,7 @@
|
|||||||
color: $tc;
|
color: $tc;
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
icon-shadow: none;
|
icon-shadow: none;
|
||||||
box-shadow: none;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@if $t == hover {
|
@if $t == hover {
|
||||||
|
@ -15,10 +15,10 @@
|
|||||||
|
|
||||||
// Outline for low res icons
|
// Outline for low res icons
|
||||||
.lowres-icon {
|
.lowres-icon {
|
||||||
icon-shadow: 0 1px 2px rgba(black, 0.3);
|
icon-shadow: 0 1px 2px rgba(black, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Dropshadow for large icons
|
// Dropshadow for large icons
|
||||||
.icon-dropshadow {
|
.icon-dropshadow {
|
||||||
icon-shadow: 0 1px 5px rgba(black, 0.8);
|
icon-shadow: 0 2px 5px rgba(black, 0.15);
|
||||||
}
|
}
|
||||||
|
@ -66,11 +66,10 @@
|
|||||||
|
|
||||||
// message bubbles
|
// message bubbles
|
||||||
.message {
|
.message {
|
||||||
margin: 3px 4px;
|
|
||||||
padding: $base_padding;
|
|
||||||
|
|
||||||
.popup-menu & {
|
.popup-menu & {
|
||||||
@extend %popover_bubble;
|
@extend %popover_bubble;
|
||||||
|
padding: $base_padding;
|
||||||
|
margin: 3px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
// icon container
|
// icon container
|
||||||
@ -167,7 +166,9 @@
|
|||||||
.media-message-cover-icon {
|
.media-message-cover-icon {
|
||||||
icon-size: 32px !important;
|
icon-size: 32px !important;
|
||||||
margin: 0 0 0 4px !important;
|
margin: 0 0 0 4px !important;
|
||||||
|
|
||||||
&:rtl { margin: 0 4px 0 0 !important; }
|
&:rtl { margin: 0 4px 0 0 !important; }
|
||||||
|
|
||||||
&.fallback {
|
&.fallback {
|
||||||
icon-size: 16px !important;
|
icon-size: 16px !important;
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
|
@ -5,26 +5,33 @@
|
|||||||
font-size: 1em;
|
font-size: 1em;
|
||||||
width: 34em;
|
width: 34em;
|
||||||
min-height: $menuitem_size * 2;
|
min-height: $menuitem_size * 2;
|
||||||
margin: 5px;
|
margin: $base_padding;
|
||||||
border-radius: $bt_radius;
|
border-radius: $wm_radius;
|
||||||
color: $fg_color;
|
color: $fg_color;
|
||||||
background-color: $menu_bg;
|
background-color: $menu_bg;
|
||||||
border: none;
|
border: 1px solid if($variant=='light', rgba(black, 0), rgba(black, 0.75));
|
||||||
text-shadow: none;
|
text-shadow: none;
|
||||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
|
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
|
||||||
@include font(body-1);
|
@include font(body-1);
|
||||||
|
|
||||||
&:hover { background-color: rgba($menu_bg, 1); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); }
|
&:hover { background-color: rgba($menu_bg, 1); box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); }
|
||||||
|
|
||||||
&:focus { background-color: $menu_bg; }
|
&:focus { background-color: $menu_bg; }
|
||||||
|
|
||||||
.notification-icon { padding: 5px; }
|
.notification-icon { padding: $base_padding; }
|
||||||
.notification-content { padding: 5px; spacing: 5px; }
|
|
||||||
|
.notification-content {
|
||||||
|
padding: $base_padding;
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
.secondary-icon { icon-size: em(16px); }
|
.secondary-icon { icon-size: em(16px); }
|
||||||
|
|
||||||
.notification-actions {
|
.notification-actions {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
padding-top: 0;
|
padding-top: 0;
|
||||||
border-top: 1px solid $borders_color;
|
border-top: 1px solid $borders_color;
|
||||||
spacing: 1px;
|
spacing: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-button {
|
.notification-button {
|
||||||
@ -35,16 +42,16 @@
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
border-width: 0;
|
border-width: 0;
|
||||||
|
|
||||||
&:first-child { border-radius: 0 0 0 $bt_radius; }
|
&:first-child { border-radius: 0 0 0 $wm_radius; }
|
||||||
|
|
||||||
&:last-child { border-radius: 0 0 $bt_radius 0; }
|
&:last-child { border-radius: 0 0 $wm_radius 0; }
|
||||||
|
|
||||||
&:only-child, &:first-child:last-child { border-radius: 0 0 $bt_radius $bt_radius; }
|
&:only-child, &:first-child:last-child { border-radius: 0 0 $wm_radius $wm_radius; }
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: $alt_fg_color;
|
color: $alt_fg_color;
|
||||||
box-shadow: inset 0 0 0 2px $divider_color;
|
box-shadow: inset 0 0 0 2px $divider_color !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover, &:focus:hover {
|
&:hover, &:focus:hover {
|
||||||
|
@ -176,9 +176,9 @@ $panel_height: $menuitem_size;
|
|||||||
// .panel-status-menu-box .system-status-icon { margin: 0; }
|
// .panel-status-menu-box .system-status-icon { margin: 0; }
|
||||||
.panel-status-menu-box StLabel { padding: 0 0 0 $base_padding / 2; }
|
.panel-status-menu-box StLabel { padding: 0 0 0 $base_padding / 2; }
|
||||||
|
|
||||||
// .appindicator-trayicons-box { margin: 0 $base_padding; }
|
.appindicator-trayicons-box { margin: 0 $base_padding; }
|
||||||
|
|
||||||
// .appindicator-box { margin: 0 0; }
|
// .appindicator-box { margin: 0; }
|
||||||
|
|
||||||
// .panel-status-indicators-box,
|
// .panel-status-indicators-box,
|
||||||
// .panel-status-menu-box {
|
// .panel-status-menu-box {
|
||||||
|
@ -103,7 +103,8 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
|||||||
spacing: $base_spacing;
|
spacing: $base_spacing;
|
||||||
padding: $base_padding * 1.5 $base_padding * 2;
|
padding: $base_padding * 1.5 $base_padding * 2;
|
||||||
color: $alt_fg_color;
|
color: $alt_fg_color;
|
||||||
text-shadow: none;
|
text-shadow: none !important;
|
||||||
|
icon-shadow: none !important;
|
||||||
border-radius: $popop_menuitem_radius;
|
border-radius: $popop_menuitem_radius;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
transition: none;
|
transition: none;
|
||||||
@ -175,7 +176,10 @@ $popop_menuitem_radius: $wm_radius - 4px;
|
|||||||
|
|
||||||
// symbolic icons in popover
|
// symbolic icons in popover
|
||||||
.popup-menu-arrow,
|
.popup-menu-arrow,
|
||||||
.popup-menu-icon { icon-size: $base_icon_size; }
|
.popup-menu-icon {
|
||||||
|
icon-size: $base_icon_size;
|
||||||
|
icon-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
// container for radio and check boxes
|
// container for radio and check boxes
|
||||||
.popup-menu-ornament {
|
.popup-menu-ornament {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user