pull/233/head
vinceliuice 3 years ago
parent f2b0b02d9a
commit 2193c0ec48

@ -340,7 +340,11 @@
//
// Arcmenu
//
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: $circular_radius !important;
}
//
// Pop_OS cosmic widget styling

@ -7,7 +7,7 @@
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: $container_padding * 2;
-arrow-rise: $container_padding;
-arrow-rise: $container_padding / 2;
-arrow-box-shadow: none; //dreaming. bug #689995
background: transparent; // needs to reset?
}
@ -23,11 +23,11 @@
.popup-menu-content {
padding: $container_padding;
margin: 0 $container_padding / 2 $container_padding / 2;
margin: 0 6px 14px;
background-color: $menu_bg_color;
border-radius: $popup_radius;
border: none;
box-shadow: 0 3px 8px rgba(black, 0.2);
box-shadow: 0 3px 8px -3px rgba(black, 0.2);
}
$submenu_item_radius: $popup_radius - $container_padding;
@ -221,9 +221,11 @@
.popup-inactive-menu-item:first-child {
// "Open Windows" label
> StLabel {
@include font(body-2);
&:ltr { margin-right: $container_margin * 2; }
&:rtl { margin-left: $container_margin * 2; }
font-weight: bold;
font-size: $root-font-size;
&:ltr { margin-right: 0; }
&:rtl { margin-left: 0; }
}
.popup-separator-menu-item-separator {

@ -1,7 +1,8 @@
.quick-settings {
padding: $container_padding * 3 !important;
border-radius: 20px + $container_padding * 3 !important;
margin-top: $container_padding / 2;
margin-top: $container_padding / 2 !important;
border: none;
.icon-button, .button {
padding: 12px;

@ -3796,6 +3796,12 @@ StWidget.focused .app-well-app-running-dot {
color: rgba(0, 0, 0, 0.85);
}
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: 9999px !important;
}
.cosmic-solid-bg {
background-color: #222222;
}

@ -3796,6 +3796,12 @@ StWidget.focused .app-well-app-running-dot {
color: rgba(0, 0, 0, 0.85);
}
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: 9999px !important;
}
.cosmic-solid-bg {
background-color: #222222;
}

@ -3796,6 +3796,12 @@ StWidget.focused .app-well-app-running-dot {
color: rgba(0, 0, 0, 0.85);
}
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: 9999px !important;
}
.cosmic-solid-bg {
background-color: #222222;
}

@ -3796,6 +3796,12 @@ StWidget.focused .app-well-app-running-dot {
color: rgba(0, 0, 0, 0.85);
}
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: 9999px !important;
}
.cosmic-solid-bg {
background-color: #222222;
}

@ -495,7 +495,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 8px;
-arrow-rise: 4px;
-arrow-rise: 2px;
-arrow-box-shadow: none;
background: transparent;
}
@ -511,11 +511,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.popup-menu .popup-menu-content {
padding: 4px;
margin: 0 2px 2px;
margin: 0 6px 14px;
background-color: rgba(255, 255, 255, 0.97);
border-radius: 18px;
border: none;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.2);
}
.popup-menu .popup-menu-item {
@ -719,16 +719,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-size: 9.75pt;
font-weight: 500;
font-weight: bold;
font-size: 13px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 4px;
margin-right: 0;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 4px;
margin-left: 0;
}
.app-menu .popup-inactive-menu-item:first-child .popup-separator-menu-item-separator {
@ -1396,7 +1396,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.quick-settings {
padding: 12px !important;
border-radius: 32px !important;
margin-top: 2px;
margin-top: 2px !important;
border: none;
}
.quick-settings .icon-button, .quick-settings .button {
@ -4347,6 +4348,12 @@ StWidget.focused .app-well-app-running-dot {
color: rgba(0, 0, 0, 0.85);
}
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: 9999px !important;
}
.cosmic-solid-bg {
background-color: #222222;
}

@ -495,7 +495,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 8px;
-arrow-rise: 4px;
-arrow-rise: 2px;
-arrow-box-shadow: none;
background: transparent;
}
@ -511,11 +511,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.popup-menu .popup-menu-content {
padding: 4px;
margin: 0 2px 2px;
margin: 0 6px 14px;
background-color: rgba(32, 32, 32, 0.97);
border-radius: 18px;
border: none;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.2);
}
.popup-menu .popup-menu-item {
@ -719,16 +719,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-size: 9.75pt;
font-weight: 500;
font-weight: bold;
font-size: 13px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 4px;
margin-right: 0;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 4px;
margin-left: 0;
}
.app-menu .popup-inactive-menu-item:first-child .popup-separator-menu-item-separator {
@ -1396,7 +1396,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.quick-settings {
padding: 12px !important;
border-radius: 32px !important;
margin-top: 2px;
margin-top: 2px !important;
border: none;
}
.quick-settings .icon-button, .quick-settings .button {
@ -4351,6 +4352,12 @@ StWidget.focused .app-well-app-running-dot {
color: rgba(0, 0, 0, 0.85);
}
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: 9999px !important;
}
.cosmic-solid-bg {
background-color: #222222;
}

@ -495,7 +495,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 12px;
-arrow-rise: 6px;
-arrow-rise: 3px;
-arrow-box-shadow: none;
background: transparent;
}
@ -511,11 +511,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.popup-menu .popup-menu-content {
padding: 6px;
margin: 0 3px 3px;
margin: 0 6px 14px;
background-color: rgba(32, 32, 32, 0.97);
border-radius: 20px;
border: none;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.2);
}
.popup-menu .popup-menu-item {
@ -719,16 +719,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-size: 10.5pt;
font-weight: 500;
font-weight: bold;
font-size: 14px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px;
margin-right: 0;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px;
margin-left: 0;
}
.app-menu .popup-inactive-menu-item:first-child .popup-separator-menu-item-separator {
@ -1396,7 +1396,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.quick-settings {
padding: 18px !important;
border-radius: 38px !important;
margin-top: 3px;
margin-top: 3px !important;
border: none;
}
.quick-settings .icon-button, .quick-settings .button {
@ -4351,6 +4352,12 @@ StWidget.focused .app-well-app-running-dot {
color: rgba(0, 0, 0, 0.85);
}
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: 9999px !important;
}
.cosmic-solid-bg {
background-color: #222222;
}

@ -495,7 +495,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
-arrow-border-width: 0;
-arrow-border-color: transparent;
-arrow-base: 12px;
-arrow-rise: 6px;
-arrow-rise: 3px;
-arrow-box-shadow: none;
background: transparent;
}
@ -511,11 +511,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.popup-menu .popup-menu-content {
padding: 6px;
margin: 0 3px 3px;
margin: 0 6px 14px;
background-color: rgba(255, 255, 255, 0.97);
border-radius: 20px;
border: none;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 8px -3px rgba(0, 0, 0, 0.2);
}
.popup-menu .popup-menu-item {
@ -719,16 +719,16 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
}
.app-menu .popup-inactive-menu-item:first-child > StLabel {
font-size: 10.5pt;
font-weight: 500;
font-weight: bold;
font-size: 14px;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:ltr {
margin-right: 8px;
margin-right: 0;
}
.app-menu .popup-inactive-menu-item:first-child > StLabel:rtl {
margin-left: 8px;
margin-left: 0;
}
.app-menu .popup-inactive-menu-item:first-child .popup-separator-menu-item-separator {
@ -1396,7 +1396,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.quick-settings {
padding: 18px !important;
border-radius: 38px !important;
margin-top: 3px;
margin-top: 3px !important;
border: none;
}
.quick-settings .icon-button, .quick-settings .button {
@ -4347,6 +4348,12 @@ StWidget.focused .app-well-app-running-dot {
color: rgba(0, 0, 0, 0.85);
}
.arcmenu-menu-button,
.arcmenu-button {
border-width: 0 !important;
border-radius: 9999px !important;
}
.cosmic-solid-bg {
background-color: #222222;
}

Loading…
Cancel
Save