Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

cinnamon: add proper popup-combo-menu styling (#634)

Browse Source
This commit is contained in:
Horst3180 2016-09-14 12:17:35 +02:00
parent e250405fdb
commit 28dfc77210
3 changed files with 34 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
common/cinnamon/cinnamon-dark.css
View File

@ -249,42 +249,43 @@ StScrollBar {
font-weight: normal; font-weight: normal;
text-align: center; } text-align: center; }
.popup-menu { .popup-menu,
.popup-combo-menu {
color: white; color: white;
min-width: 200px; min-width: 200px;
color: #D3DAE3; color: #D3DAE3;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; } border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
.popup-menu-arrow { .popup-menu-arrow {
icon-size: 16px; } icon-size: 16px; }
.popup-menu .popup-sub-menu { .popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu {
background-gradient-direction: none; background-gradient-direction: none;
box-shadow: none; box-shadow: none;
border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; }
.popup-menu .popup-sub-menu .popup-menu-item:ltr { .popup-menu .popup-sub-menu .popup-menu-item:ltr, .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr {
padding-right: 0em; } padding-right: 0em; }
.popup-menu .popup-sub-menu .popup-menu-item:rtl { .popup-menu .popup-sub-menu .popup-menu-item:rtl, .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl {
padding-left: 0em; } padding-left: 0em; }
.popup-menu .popup-sub-menu StScrollBar { .popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar {
padding: 4px; } padding: 4px; }
.popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
border-width: 0; } border-width: 0; }
.popup-menu .popup-menu-content { .popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content {
padding: 1em 0em 1em 0em; } padding: 1em 0em 1em 0em; }
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item {
padding: .4em 1.75em; padding: .4em 1.75em;
spacing: 1em; } spacing: 1em; }
.popup-menu .popup-menu-item:active { .popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active {
color: #ffffff; color: #ffffff;
background-color: transparent; background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive { .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive {
color: rgba(211, 218, 227, 0.5); color: rgba(211, 218, 227, 0.5);
background: none; } background: none; }
.popup-menu .popup-inactive-menu-item { .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item {
color: #D3DAE3; } color: #D3DAE3; }
.popup-menu .popup-inactive-menu-item:insensitive { .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
.popup-menu .popup-menu-item:active .popup-inactive-menu-item { .popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
color: #ffffff; } color: #ffffff; }
.popup-menu-icon { .popup-menu-icon {
icon-size: 16px; } icon-size: 16px; }
@ -297,13 +298,8 @@ StScrollBar {
-arrow-base: 0; -arrow-base: 0;
-arrow-rise: 0; } -arrow-rise: 0; }
/*Don't know what this does*/
.popup-combo-menu { .popup-combo-menu {
background-color: rgba(0, 0, 0, 0.4); padding: 10px 1px; }
padding: 1em 0em;
color: red;
border: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 3px; }
.popup-combobox-item { .popup-combobox-item {
spacing: 1em; } spacing: 1em; }

34
common/cinnamon/cinnamon.css
View File

@ -249,42 +249,43 @@ StScrollBar {
font-weight: normal; font-weight: normal;
text-align: center; } text-align: center; }
.popup-menu { .popup-menu,
.popup-combo-menu {
color: white; color: white;
min-width: 200px; min-width: 200px;
color: #5c616c; color: #5c616c;
border-image: url("light-assets/menu/menu.svg") 9 9 9 9; } border-image: url("light-assets/menu/menu.svg") 9 9 9 9; }
.popup-menu-arrow { .popup-menu-arrow {
icon-size: 16px; } icon-size: 16px; }
.popup-menu .popup-sub-menu { .popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu {
background-gradient-direction: none; background-gradient-direction: none;
box-shadow: none; box-shadow: none;
border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; } border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; }
.popup-menu .popup-sub-menu .popup-menu-item:ltr { .popup-menu .popup-sub-menu .popup-menu-item:ltr, .popup-combo-menu .popup-sub-menu .popup-menu-item:ltr {
padding-right: 0em; } padding-right: 0em; }
.popup-menu .popup-sub-menu .popup-menu-item:rtl { .popup-menu .popup-sub-menu .popup-menu-item:rtl, .popup-combo-menu .popup-sub-menu .popup-menu-item:rtl {
padding-left: 0em; } padding-left: 0em; }
.popup-menu .popup-sub-menu StScrollBar { .popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar {
padding: 4px; } padding: 4px; }
.popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle { .popup-menu .popup-sub-menu StScrollBar StBin#trough, .popup-menu .popup-sub-menu StScrollBar StBin#vhandle, .popup-combo-menu .popup-sub-menu StScrollBar StBin#trough, .popup-combo-menu .popup-sub-menu StScrollBar StBin#vhandle {
border-width: 0; } border-width: 0; }
.popup-menu .popup-menu-content { .popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content {
padding: 1em 0em 1em 0em; } padding: 1em 0em 1em 0em; }
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item {
padding: .4em 1.75em; padding: .4em 1.75em;
spacing: 1em; } spacing: 1em; }
.popup-menu .popup-menu-item:active { .popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active {
color: #ffffff; color: #ffffff;
background-color: transparent; background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; } border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive { .popup-menu .popup-menu-item:insensitive, .popup-combo-menu .popup-menu-item:insensitive {
color: rgba(92, 97, 108, 0.5); color: rgba(92, 97, 108, 0.5);
background: none; } background: none; }
.popup-menu .popup-inactive-menu-item { .popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item {
color: #5c616c; } color: #5c616c; }
.popup-menu .popup-inactive-menu-item:insensitive { .popup-menu .popup-inactive-menu-item:insensitive, .popup-combo-menu .popup-inactive-menu-item:insensitive {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
.popup-menu .popup-menu-item:active .popup-inactive-menu-item { .popup-menu .popup-menu-item:active .popup-inactive-menu-item, .popup-combo-menu .popup-menu-item:active .popup-inactive-menu-item {
color: #ffffff; } color: #ffffff; }
.popup-menu-icon { .popup-menu-icon {
icon-size: 16px; } icon-size: 16px; }
@ -297,13 +298,8 @@ StScrollBar {
-arrow-base: 0; -arrow-base: 0;
-arrow-rise: 0; } -arrow-rise: 0; }
/*Don't know what this does*/
.popup-combo-menu { .popup-combo-menu {
background-color: rgba(0, 0, 0, 0.4); padding: 10px 1px; }
padding: 1em 0em;
color: red;
border: 1px solid rgba(0, 0, 0, 0.6);
border-radius: 3px; }
.popup-combobox-item { .popup-combobox-item {
spacing: 1em; } spacing: 1em; }

11
common/cinnamon/sass/_common.scss
View File

@ -267,7 +267,8 @@ StScrollBar {
// //
// Popvers/Menus // Popvers/Menus
// //
.popup-menu { .popup-menu,
%menu {
color: white; color: white;
min-width: 200px; min-width: 200px;
color: $fg_color; color: $fg_color;
@ -325,13 +326,9 @@ StScrollBar {
-arrow-rise: 0; -arrow-rise: 0;
} }
/*Don't know what this does*/
.popup-combo-menu { .popup-combo-menu {
background-color: rgba(0,0,0,0.4); @extend %menu;
padding: 1em 0em; padding: 10px 1px;
color: red;
border: 1px solid rgba(0,0,0,0.6);
border-radius: 3px;
} }
.popup-image-menu-item {} .popup-image-menu-item {}