by roundabout, Thursday, 27 February 2020, 16:53:08 (1582822388), pushed by roundabout, Sunday, 11 May 2025, 13:22:48 (1746969768)
Author identity: nana-4 <hnmaigo@gmail.com>
a81ba2e74e4207420d3be55fad074a6c603bed4b
src/_sass/gnome-shell/_common-3.26.scss
@@ -330,104 +330,6 @@
spacing-columns: 1em;
}
/* Popovers/Menus */
.popup-menu {
min-width: 200px;
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
background-color: $entry-fill;
box-shadow: $shadow-0;
}
.popup-menu-content { padding: 8px 0; }
.popup-menu-item {
// min-height: $menuitem-size - 4px * 2;
spacing: 8px;
transition-duration: $duration;
&:ltr { padding: 0.4em 24px 0.4em 0; }
&:rtl { padding: 0.4em 0 0.4em 24px; }
&:checked {
background-color: $overlay-selected;
box-shadow: $shadow-0;
font-weight: normal;
&.selected {
background-color: rgba($primary, 0.4);
}
&:active {
background-color: rgba($primary, 0.6);
}
}
&.selected {
background-color: $overlay-hover;
color: $text;
transition-duration: 0ms;
}
&:active {
background-color: $overlay-active;
color: $text;
transition-duration: $duration-ripple;
}
&.selected:active { color: $text; }
&:insensitive { color: $text-disabled; }
}
.popup-inactive-menu-item { //all icons and other graphical elements
color: $text;
&:insensitive { color: $text-disabled; }
}
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
}
.popup-menu-ornament {
text-align: right;
width: 16px;
height: 16px;
}
.popup-menu-boxpointer,
.candidate-popup-boxpointer {
-arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 0;
-arrow-rise: 0;
-arrow-box-shadow: none; //dreaming. bug #689995
margin: 5px 8px 8px;
background-color: $surface;
border-radius: $corner-radius;
box-shadow: $shadow-2;
}
.popup-separator-menu-item {
//-margin-horizontal: 24px;
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: $divider;
border-color: transparent;
border-bottom-width: 0;
border-bottom-style: none;
}
// Background menu
.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; }
/* fallback menu
- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
app menu inside the main app window itself rather than the top bar
*/
/* OSD */
.osd-window {
text-align: center;
@@ -1031,15 +933,6 @@
// a little unstructured mess:
.system-switch-user-submenu-icon.user-icon {
icon-size: 20px;
padding: 0 2px;
}
.system-switch-user-submenu-icon.default-icon {
icon-size: 16px;
padding: 0 4px;
}
#appMenu {
spinner-image: url("process-working.svg");
spacing: 4px;
@@ -1047,35 +940,6 @@
.label-shadow { color: transparent; }
}
.aggregate-menu {
min-width: 280px;
.popup-menu-icon { padding: 0 4px; }
.popup-sub-menu .popup-menu-item > :first-child {
&:ltr { /* 8px spacing + 2*4px padding */
padding-left: 16px; margin-left: em(16px); }
&:rtl { /* 8px spacing + 2*4px padding */
padding-right: 16px; margin-right: em(16px); }
}
}
.system-menu-action {
color: $text2;
border-radius: 100px; /* wish we could do 50% */
padding: ($large-size - 16px) / 2;
border: none;
transition-duration: $duration;
&:hover, &:focus {
background-color: $overlay-hover;
color: $text;
border: none;
padding: ($large-size - 16px) / 2;
}
&:active { background-color: $overlay-active; color: $text; transition-duration: $duration-ripple; }
& > StIcon { icon-size: 16px; }
}
//Activities Ripples
.ripple-box {
width: 48px;
@@ -1091,10 +955,6 @@
background-image: none;
}
// not really top bar only
.popup-menu-arrow { width: 16px; height: 16px; }
.popup-menu-icon { icon-size: em(16px); }
//close buttons
.window-close {
src/_sass/gnome-shell/_common-3.28.scss
@@ -330,104 +330,6 @@
spacing-columns: 1em;
}
/* Popovers/Menus */
.popup-menu {
min-width: 200px;
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
background-color: $entry-fill;
box-shadow: $shadow-0;
}
.popup-menu-content { padding: 8px 0; }
.popup-menu-item {
// min-height: $menuitem-size - 4px * 2;
spacing: 8px;
transition-duration: $duration;
&:ltr { padding: 0.4em 24px 0.4em 0; }
&:rtl { padding: 0.4em 0 0.4em 24px; }
&:checked {
background-color: $overlay-selected;
box-shadow: $shadow-0;
font-weight: normal;
&.selected {
background-color: rgba($primary, 0.4);
}
&:active {
background-color: rgba($primary, 0.6);
}
}
&.selected {
background-color: $overlay-hover;
color: $text;
transition-duration: 0ms;
}
&:active {
background-color: $overlay-active;
color: $text;
transition-duration: $duration-ripple;
}
&.selected:active { color: $text; }
&:insensitive { color: $text-disabled; }
}
.popup-inactive-menu-item { //all icons and other graphical elements
color: $text;
&:insensitive { color: $text-disabled; }
}
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
}
.popup-menu-ornament {
text-align: right;
width: 16px;
height: 16px;
}
.popup-menu-boxpointer,
.candidate-popup-boxpointer {
-arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 0;
-arrow-rise: 0;
-arrow-box-shadow: none; //dreaming. bug #689995
margin: 5px 8px 8px;
background-color: $surface;
border-radius: $corner-radius;
box-shadow: $shadow-2;
}
.popup-separator-menu-item {
//-margin-horizontal: 24px;
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: $divider;
border-color: transparent;
border-bottom-width: 0;
border-bottom-style: none;
}
// Background menu
.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; }
/* fallback menu
- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
app menu inside the main app window itself rather than the top bar
*/
/* OSD */
.osd-window {
text-align: center;
@@ -1031,15 +933,6 @@
// a little unstructured mess:
.system-switch-user-submenu-icon.user-icon {
icon-size: 20px;
padding: 0 2px;
}
.system-switch-user-submenu-icon.default-icon {
icon-size: 16px;
padding: 0 4px;
}
#appMenu {
spinner-image: url("process-working.svg");
spacing: 4px;
@@ -1047,35 +940,6 @@
.label-shadow { color: transparent; }
}
.aggregate-menu {
min-width: 280px;
.popup-menu-icon { padding: 0 4px; }
.popup-sub-menu .popup-menu-item > :first-child {
&:ltr { /* 8px spacing + 2*4px padding */
padding-left: 16px; margin-left: em(16px); }
&:rtl { /* 8px spacing + 2*4px padding */
padding-right: 16px; margin-right: em(16px); }
}
}
.system-menu-action {
color: $text2;
border-radius: 100px; /* wish we could do 50% */
padding: ($large-size - 16px) / 2;
border: none;
transition-duration: $duration;
&:hover, &:focus {
background-color: $overlay-hover;
color: $text;
border: none;
padding: ($large-size - 16px) / 2;
}
&:active { background-color: $overlay-active; color: $text; transition-duration: $duration-ripple; }
& > StIcon { icon-size: 16px; }
}
//Activities Ripples
.ripple-box {
width: 48px;
@@ -1091,10 +955,6 @@
background-image: none;
}
// not really top bar only
.popup-menu-arrow { width: 16px; height: 16px; }
.popup-menu-icon { icon-size: em(16px); }
//close buttons
.window-close {
src/_sass/gnome-shell/_common-3.30.scss
@@ -330,104 +330,6 @@
spacing-columns: 1em;
}
/* Popovers/Menus */
.popup-menu {
min-width: 200px;
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
background-color: $entry-fill;
box-shadow: $shadow-0;
}
.popup-menu-content { padding: 8px 0; }
.popup-menu-item {
// min-height: $menuitem-size - 4px * 2;
spacing: 8px;
transition-duration: $duration;
&:ltr { padding: 0.4em 24px 0.4em 0; }
&:rtl { padding: 0.4em 0 0.4em 24px; }
&:checked {
background-color: $overlay-selected;
box-shadow: $shadow-0;
font-weight: normal;
&.selected {
background-color: rgba($primary, 0.4);
}
&:active {
background-color: rgba($primary, 0.6);
}
}
&.selected {
background-color: $overlay-hover;
color: $text;
transition-duration: 0ms;
}
&:active {
background-color: $overlay-active;
color: $text;
transition-duration: $duration-ripple;
}
&.selected:active { color: $text; }
&:insensitive { color: $text-disabled; }
}
.popup-inactive-menu-item { //all icons and other graphical elements
color: $text;
&:insensitive { color: $text-disabled; }
}
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
}
.popup-menu-ornament {
text-align: right;
width: 16px;
height: 16px;
}
.popup-menu-boxpointer,
.candidate-popup-boxpointer {
-arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 0;
-arrow-rise: 0;
-arrow-box-shadow: none; //dreaming. bug #689995
margin: 5px 8px 8px;
background-color: $surface;
border-radius: $corner-radius;
box-shadow: $shadow-2;
}
.popup-separator-menu-item {
//-margin-horizontal: 24px;
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: $divider;
border-color: transparent;
border-bottom-width: 0;
border-bottom-style: none;
}
// Background menu
.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; }
/* fallback menu
- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
app menu inside the main app window itself rather than the top bar
*/
/* OSD */
.osd-window {
text-align: center;
@@ -1033,15 +935,6 @@
// a little unstructured mess:
.system-switch-user-submenu-icon.user-icon {
icon-size: 20px;
padding: 0 2px;
}
.system-switch-user-submenu-icon.default-icon {
icon-size: 16px;
padding: 0 4px;
}
#appMenu {
spinner-image: url("process-working.svg");
spacing: 4px;
@@ -1049,36 +942,6 @@
.label-shadow { color: transparent; }
}
.aggregate-menu {
min-width: 280px;
.popup-menu-icon { padding: 0 4px; }
.popup-sub-menu .popup-menu-item > :first-child {
&:ltr { /* 8px spacing + 2*4px padding */
padding-left: 16px; margin-left: em(16px); }
&:rtl { /* 8px spacing + 2*4px padding */
padding-right: 16px; margin-right: em(16px); }
}
}
.system-menu-action {
-st-icon-style: symbolic;
color: $text2;
border-radius: 100px; /* wish we could do 50% */
padding: ($large-size - 16px) / 2;
border: none;
transition-duration: $duration;
&:hover, &:focus {
background-color: $overlay-hover;
color: $text;
border: none;
padding: ($large-size - 16px) / 2;
}
&:active { background-color: $overlay-active; color: $text; transition-duration: $duration-ripple; }
& > StIcon { icon-size: 16px; }
}
//Activities Ripples
.ripple-box {
width: 48px;
@@ -1094,10 +957,6 @@
background-image: none;
}
// not really top bar only
.popup-menu-arrow { width: 16px; height: 16px; }
.popup-menu-icon { icon-size: em(16px); }
//close buttons
.window-close {
src/_sass/gnome-shell/_common-3.32.scss
@@ -329,109 +329,6 @@
spacing-columns: 1em;
}
/* Popovers/Menus */
.popup-menu {
min-width: 200px;
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
padding-bottom: 0;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
.popup-menu-content { padding: 8px 0; }
.popup-menu-item {
// min-height: $menuitem-size - 4px * 2;
spacing: 8px;
transition-duration: $duration;
&:ltr { padding: 0.4em 24px 0.4em 0; }
&:rtl { padding: 0.4em 0 0.4em 24px; }
&:checked {
background-color: $overlay-selected;
box-shadow: $shadow-0;
font-weight: normal;
&.selected {
background-color: rgba($primary, 0.4);
}
&:active {
background-color: rgba($primary, 0.6);
}
}
&.selected {
background-color: $overlay-hover;
color: $text;
transition-duration: 0ms;
}
&:active {
background-color: $overlay-active;
color: $text;
transition-duration: $duration-ripple;
}
&.selected:active { color: $text; }
&:insensitive { color: $text-disabled; }
}
.popup-inactive-menu-item { //all icons and other graphical elements
color: $text;
&:insensitive { color: $text-disabled; }
}
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
}
.popup-menu-ornament {
text-align: right;
width: 16px;
height: 16px;
}
.popup-menu-boxpointer,
.candidate-popup-boxpointer {
-arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 0;
-arrow-rise: 0;
-arrow-box-shadow: none; //dreaming. bug #689995
@at-root .popup-menu-content,
.candidate-popup-content {
margin: 5px 8px 8px;
background-color: $surface;
border-radius: $corner-radius;
box-shadow: $shadow-2;
}
}
.popup-separator-menu-item {
//-margin-horizontal: 24px;
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: $divider;
border-color: transparent;
border-bottom-width: 0;
border-bottom-style: none;
}
// Background menu
.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; }
/* fallback menu
- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
app menu inside the main app window itself rather than the top bar
*/
/* OSD */
.osd-window {
text-align: center;
@@ -1070,11 +967,6 @@
// a little unstructured mess:
.system-switch-user-submenu-icon {
icon-size: 16px;
padding: 0 4px;
}
#appMenu {
spinner-image: url("process-working.svg");
spacing: 4px;
@@ -1087,36 +979,6 @@
max-width: 27.25em;
}
.aggregate-menu {
min-width: 280px;
.popup-menu-icon { padding: 0 4px; }
.popup-sub-menu .popup-menu-item > :first-child {
&:ltr { /* 8px spacing + 2*4px padding */
padding-left: 16px; margin-left: em(16px); }
&:rtl { /* 8px spacing + 2*4px padding */
padding-right: 16px; margin-right: em(16px); }
}
}
.system-menu-action {
-st-icon-style: symbolic;
color: $text2;
border-radius: 100px; /* wish we could do 50% */
padding: ($large-size - 16px) / 2;
border: none;
transition-duration: $duration;
&:hover, &:focus {
background-color: $overlay-hover;
color: $text;
border: none;
padding: ($large-size - 16px) / 2;
}
&:active { background-color: $overlay-active; color: $text; transition-duration: $duration-ripple; }
& > StIcon { icon-size: 16px; }
}
// Activities Ripples
.ripple-box {
width: 48px;
@@ -1139,10 +1001,6 @@
border: 1px solid on(dark, primary);
}
// not really top bar only
.popup-menu-arrow { icon-size: em(16px); }
.popup-menu-icon { icon-size: em(16px); }
//close buttons
.window-close {
src/_sass/gnome-shell/_common-3.34.scss
@@ -352,101 +352,6 @@
spacing-columns: 1em;
}
/* Popovers/Menus */
.popup-menu {
min-width: 200px;
color: $text;
border-color: transparent;
.popup-menu-arrow { } //defined globally in the TOP BAR
.popup-sub-menu {
padding-bottom: 0;
background-color: $entry-fill;
box-shadow: $shadow-0;
}
.popup-menu-content { padding: 8px 0; }
.popup-menu-item {
// min-height: $menuitem-size - 4px * 2;
spacing: 8px;
transition-duration: $duration;
&:ltr { padding: 0.4em 24px 0.4em 0; }
&:rtl { padding: 0.4em 0 0.4em 24px; }
&:checked {
background-color: $overlay-selected;
box-shadow: $shadow-0;
font-weight: normal;
&.selected {
background-color: rgba($primary, 0.4);
}
&:active {
background-color: rgba($primary, 0.6);
}
}
&.selected {
background-color: $overlay-hover;
color: $text;
transition-duration: 0ms;
}
&:active {
background-color: $overlay-active;
color: $text;
transition-duration: $duration-ripple;
}
&.selected:active { color: $text; }
&:insensitive { color: $text-disabled; }
}
.popup-inactive-menu-item { //all icons and other graphical elements
color: $text;
&:insensitive { color: $text-disabled; }
}
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: 4px;
margin-bottom: 1.75em;
}
}
.popup-menu-ornament {
text-align: right;
width: 16px;
height: 16px;
}
.popup-menu-boxpointer,
.candidate-popup-boxpointer {
-arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296
-arrow-background-color: transparent;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 0;
-arrow-rise: 0;
-arrow-box-shadow: none; //dreaming. bug #689995
@at-root .popup-menu-content,
.candidate-popup-content {
margin: 5px 8px 8px;
background-color: $surface;
border-radius: $corner-radius;
box-shadow: $shadow-2;
}
}
.popup-separator-menu-item {
//-margin-horizontal: 24px;
height: 1px; //not really the whole box
margin: 8px 64px - 24px;
background-color: $divider;
border-color: transparent;
border-bottom-width: 0;
border-bottom-style: none;
}
// Rename popup
.rename-folder-popup {
.rename-folder-popup-item {
@@ -455,14 +360,6 @@
}
}
// Background menu
.background-menu { -boxpointer-gap: 4px; -arrow-rise: 0; }
/* fallback menu
- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled
app menu inside the main app window itself rather than the top bar
*/
/* OSD */
.osd-window {
text-align: center;
@@ -1120,36 +1017,6 @@
max-width: 27.25em;
}
.aggregate-menu {
min-width: 280px;
.popup-menu-icon { padding: 0 4px; }
.popup-sub-menu .popup-menu-item > :first-child {
&:ltr { /* 8px spacing + 2*4px padding */
padding-left: 16px; margin-left: em(16px); }
&:rtl { /* 8px spacing + 2*4px padding */
padding-right: 16px; margin-right: em(16px); }
}
}
.system-menu-action {
-st-icon-style: symbolic;
color: $text2;
border-radius: 100px; /* wish we could do 50% */
padding: ($large-size - 16px) / 2;
border: none;
transition-duration: $duration;
&:hover, &:focus {
background-color: $overlay-hover;
color: $text;
border: none;
padding: ($large-size - 16px) / 2;
}
&:active { background-color: $overlay-active; color: $text; transition-duration: $duration-ripple; }
& > StIcon { icon-size: 16px; }
}
// Activities Ripples
.ripple-box {
width: 48px;
@@ -1181,10 +1048,6 @@
box-shadow: none;
}
// not really top bar only
.popup-menu-arrow { icon-size: em(16px); }
.popup-menu-icon { icon-size: em(16px); }
//close buttons
.window-close {
src/_sass/gnome-shell/_components.scss
@@ -13,7 +13,7 @@
@import 'components/slider';
@import 'components/scrollbar';
// Popovers
// @import 'components/menu/menu';
@import 'components/menu/menu';
// @import 'components/menu/calendar';
// @import 'components/menu/message-list';
// @import 'components/menu/candidate-popup';
src/_sass/gnome-shell/components/menu/_menu.scss
@@ -1,97 +1,153 @@
/* Popovers/Menus */
$popover_arrow_height: 12px;
//.the popover itself
// the popover itself
.popup-menu-boxpointer {
-arrow-border-radius: $base_border_radius+4;
-arrow-background-color: $bg_color;
-arrow-border-width: 1px;
-arrow-border-color: $borders_color;
-arrow-base: $popover_arrow_height * 2;
-arrow-rise: $popover_arrow_height;
-arrow-box-shadow: 0 1px 3px rgba(0,0,0,0.5); // dreaming bugzilla #689995
-arrow-base: 0;
-arrow-rise: 0;
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-border-radius: 20px; // This is necessary for the weird bug: materia-theme#296
-arrow-box-shadow: none; // dreaming bugzilla #689995
-arrow-background-color: transparent;
}
// container of the popover menu
.popup-menu {
min-width: 15em;
color: $fg_color;
border-color: transparent;
color: inherit;
// dunno what that is
.popup-status-menu-item {
// font-weight: normal;
// color: pink;
}
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is
&.panel-menu {
-boxpointer-gap: $base_margin; // distance from the panel
-boxpointer-gap: 4px; // distance from the panel
margin-bottom: 1.75em;
}
}
.popup-menu-content {
padding: $base_padding * 2 + $base_margin 0;
margin: 5px 8px 8px;
padding: 8px 0;
border-radius: $corner-radius;
box-shadow: $shadow-2;
background-color: $surface;
color: $text;
}
// menu items
.popup-menu-item {
spacing: $base_padding;
padding: $base_padding;
&:ltr { padding-right:1.75em; padding-left: 0; }
&:rtl { padding-right: 0; padding-left:1.75em; }
// min-height: $menuitem-size - 4px * 2;
spacing: 8px;
padding: 0;
transition-duration: $duration;
&:ltr {
padding: 0.4em;
padding-right: 24px;
padding-left: 0;
}
&:checked {
background-color: lighten($bg_color, 2%);
box-shadow: none;
&:rtl {
padding: 0.4em;
padding-right: 0;
padding-left: 24px;
}
&.selected {
background-color: transparentize(white, if($variant=='light', 0.2, 0.9));
color: $fg_color;
background-color: $overlay-hover;
transition-duration: 0ms;
&,
&:active {
color: $text;
}
}
&:active {
background-color: $overlay-active;
color: $text;
transition-duration: $duration-ripple;
}
&:active {
background-color: $selected_bg_color;
color: $selected_fg_color;
&:checked {
box-shadow: none;
background-color: $overlay-selected;
font-weight: normal;
&.selected {
background-color: rgba($primary, .4);
}
&:active {
background-color: rgba($primary, .6);
}
}
&:insensitive { color: transparentize($fg_color,0.5);}
&:insensitive {
color: $text-disabled;
}
}
// all icons and other graphical elements
.popup-inactive-menu-item {
color: $fg_color;
color: $text;
&:insensitive { color: transparentize($fg_color,0.5); }
&:insensitive {
color: $text-disabled;
}
}
// symbolic icons in popover
.popup-menu-arrow,
.popup-menu-icon { icon-size: $base_icon_size; }
.popup-menu-arrow {
@if $version >= 3.32 {
icon-size: 16px;
} @else {
width: 16px;
height: 16px;
}
}
.popup-menu-icon {
icon-size: 16px;
}
// popover submenus
.popup-sub-menu {
background-color: darken($bg_color, 3%);
border-top: 0;
border-bottom: 0;
padding-bottom: 0;
box-shadow: none;
border-top: 1px solid transparentize($borders_color, 0.2);
border-bottom: 1px solid transparentize($borders_color, 0.2);
background-color: $entry-fill;
}
// container for radio and check boxes
.popup-menu-ornament {
text-align: right;
width: 1.2em;
width: 16px;
height: 16px;
}
// separator
.popup-separator-menu-item {
//-margin-horizontal: 24px;
height: 1px; //not really the whole box
margin: 6px 64px;
background-color: lighten($borders_color, 2%);
// -margin-horizontal: 24px;
height: 1px; // not really the whole box
margin: 8px 64px - 24px;
background-color: $divider;
border-color: transparent;
border-bottom-width: 0;
border-bottom-style: none;
}
// desktop background menu
.background-menu {
-boxpointer-gap: $base_margin;
-arrow-rise: 0px; // hide the beak on the menu
-boxpointer-gap: 4px;
-arrow-rise: 0; // hide the beak on the menu
}
// system status menu
@@ -99,21 +155,75 @@ $popover_arrow_height: 12px;
min-width: 21em;
// lock screen, shutdown, etc. buttons
.popup-menu-icon {
padding:0;
margin: 0 $base_margin;
-st-icon-style: symbolic;
.popup-menu-icon {
padding: 0;
margin: 0 4px;
-st-icon-style: symbolic; // >= 3.36
}
.popup-sub-menu .popup-menu-item > :first-child {
// account for icons in submenus with padding
&:ltr {
padding-left: $base_padding + $base_margin * 2;
margin-left: $base_icon_size;
padding-left: 16px;
margin-left: 16px;
}
&:rtl {
padding-right: $base_padding + $base_margin * 2; ;
margin-right: $base_icon_size;
padding-right: 16px;
margin-right: 16px;
}
}
}
@if $version == 3.32 {
.system-switch-user-submenu-icon {
icon-size: 16px;
padding: 0 4px;
}
} @else if $version <= 3.30 {
.system-switch-user-submenu-icon.user-icon {
icon-size: 20px;
padding: 0 2px;
}
.system-switch-user-submenu-icon.default-icon {
icon-size: 16px;
padding: 0 4px;
}
}
@if $version <= 3.34 {
.system-menu-action {
-st-icon-style: symbolic; // >= 3.30
padding: ($large-size - 16px) / 2;
border: 0;
border-radius: $large-size / 2; // wish we could do 50%
color: $text2;
transition-duration: $duration;
&:hover,
&:focus {
padding: ($large-size - 16px) / 2;
border: 0;
color: $text2;
}
&:focus {
background-color: $overlay-focus;
}
&:hover {
background-color: $overlay-hover;
}
&:active {
background-color: $overlay-active;
color: $text2;
transition-duration: $duration-ripple;
}
> StIcon {
icon-size: 16px;
}
}
}