From cbc50501645429be6b53ecea72e0d45fcd469ad2 Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Fri, 7 Oct 2016 21:13:28 +0200
Subject: add thumbnails for cinnamon theme chooser (#592)
---
common/cinnamon/thumbnail-dark.png | Bin 0 -> 34849 bytes
common/cinnamon/thumbnail.png | Bin 0 -> 33914 bytes
2 files changed, 0 insertions(+), 0 deletions(-)
create mode 100644 common/cinnamon/thumbnail-dark.png
create mode 100644 common/cinnamon/thumbnail.png
(limited to 'common/cinnamon')
diff --git a/common/cinnamon/thumbnail-dark.png b/common/cinnamon/thumbnail-dark.png
new file mode 100644
index 0000000..abff6d5
Binary files /dev/null and b/common/cinnamon/thumbnail-dark.png differ
diff --git a/common/cinnamon/thumbnail.png b/common/cinnamon/thumbnail.png
new file mode 100644
index 0000000..bcc6216
Binary files /dev/null and b/common/cinnamon/thumbnail.png differ
--
cgit v1.2.3
From 152a427d2a85793953991cc113a6e54ecdcee994 Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Wed, 26 Oct 2016 11:17:33 +0200
Subject: cinnamon: use correct path for menu-separator.svg (fix #689)
---
common/cinnamon/cinnamon-dark.css | 2 +-
common/cinnamon/cinnamon.css | 2 +-
common/cinnamon/sass/_common.scss | 2 +-
3 files changed, 3 insertions(+), 3 deletions(-)
(limited to 'common/cinnamon')
diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css
index 4531658..362996e 100644
--- a/common/cinnamon/cinnamon-dark.css
+++ b/common/cinnamon/cinnamon-dark.css
@@ -309,7 +309,7 @@ StScrollBar {
margin: 10px 0px;
background-color: transparent;
border: none;
- border-image: url("common-assets/menu-separator.svg") 1 1 1 1; }
+ border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; }
.popup-alternating-menu-item:alternate {
font-weight: normal; }
diff --git a/common/cinnamon/cinnamon.css b/common/cinnamon/cinnamon.css
index e0ea24a..e9369a0 100644
--- a/common/cinnamon/cinnamon.css
+++ b/common/cinnamon/cinnamon.css
@@ -309,7 +309,7 @@ StScrollBar {
margin: 10px 0px;
background-color: transparent;
border: none;
- border-image: url("common-assets/menu-separator.svg") 1 1 1 1; }
+ border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; }
.popup-alternating-menu-item:alternate {
font-weight: normal; }
diff --git a/common/cinnamon/sass/_common.scss b/common/cinnamon/sass/_common.scss
index 6760dcc..b1e77be 100644
--- a/common/cinnamon/sass/_common.scss
+++ b/common/cinnamon/sass/_common.scss
@@ -339,7 +339,7 @@ StScrollBar {
margin: 10px 0px;
background-color: transparent;
border: none;
- border-image: url("common-assets/menu-separator.svg") 1 1 1 1;
+ border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1;
}
.popup-alternating-menu-item:alternate {
--
cgit v1.2.3
From 15699330e7e271f33f7f3e3c29c901acc3c36c89 Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Sat, 19 Nov 2016 12:43:17 +0100
Subject: add Cinnamon 3.2 support (#695)
---
common/cinnamon/cinnamon-dark.css | 93 ++++++++++--
common/cinnamon/cinnamon.css | 93 ++++++++++--
common/cinnamon/common-assets/panel/panel-left.svg | 79 ++++++++++
.../cinnamon/common-assets/panel/panel-right.svg | 79 ++++++++++
.../panel/window-list-active-left.svg | 164 +++++++++++++++++++++
.../panel/window-list-active-right.svg | 164 +++++++++++++++++++++
common/cinnamon/sass/_common.scss | 92 ++++++++++--
7 files changed, 732 insertions(+), 32 deletions(-)
create mode 100644 common/cinnamon/common-assets/panel/panel-left.svg
create mode 100644 common/cinnamon/common-assets/panel/panel-right.svg
create mode 100644 common/cinnamon/common-assets/panel/window-list-active-left.svg
create mode 100644 common/cinnamon/common-assets/panel/window-list-active-right.svg
(limited to 'common/cinnamon')
diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css
index 362996e..2dabfef 100644
--- a/common/cinnamon/cinnamon-dark.css
+++ b/common/cinnamon/cinnamon-dark.css
@@ -1,4 +1,3 @@
-@charset "UTF-8";
stage {
font-family: Futura Bk bt, sans, Sans-Serif;
font-size: 9pt;
@@ -249,44 +248,59 @@ StScrollBar {
font-weight: normal;
text-align: center; }
+.menu,
.popup-menu,
.popup-combo-menu {
- color: white;
min-width: 200px;
color: #D3DAE3;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
+ .menu-arrow,
.popup-menu-arrow {
icon-size: 16px; }
+ .menu .popup-sub-menu,
.popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu {
background-gradient-direction: none;
box-shadow: none;
border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; }
+ .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; }
+ .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; }
+ .menu .popup-sub-menu StScrollBar,
.popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar {
padding: 4px; }
- .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 {
+ .menu .popup-sub-menu StScrollBar StBin#trough, .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; }
+ .menu .popup-menu-content,
.popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content {
padding: 1em 0em 1em 0em; }
+ .menu .popup-menu-item,
.popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item {
padding: .4em 1.75em;
spacing: 1em; }
+ .menu .popup-menu-item:active,
.popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active {
color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
+ .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);
background: none; }
+ .menu .popup-inactive-menu-item,
.popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item {
color: #D3DAE3; }
+ .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); }
+ .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; }
+ .menu-icon,
.popup-menu-icon {
icon-size: 16px; }
@@ -325,28 +339,43 @@ StScrollBar {
#panel {
font-weight: bold;
- height: 2.1em;
- min-height: 27px; }
+ height: 27px;
+ width: 32px; }
+ #panel:highlight {
+ border-image: none;
+ background-color: rgba(252, 65, 56, 0.5); }
#panelLeft {
spacing: 4px; }
#panelLeft:dnd {
background-gradient-direction: vertical;
background-gradient-start: rgba(255, 0, 0, 0.05);
background-gradient-end: rgba(255, 0, 0, 0.2); }
- #panelLeft:ltr · {
+ #panelLeft:ltr {
padding-right: 4px; }
- #panelLeft:rtl · {
+ #panelLeft:rtl {
padding-left: 4px; }
+ #panelLeft.vertical {
+ padding: 0; }
+ #panelLeft.vertical:ltr {
+ padding-right: 0px; }
+ #panelLeft.vertical:rtl {
+ padding-left: 0px; }
#panelRight:dnd {
background-gradient-direction: vertical;
background-gradient-start: rgba(0, 0, 255, 0.05);
background-gradient-end: rgba(0, 0, 255, 0.2); }
- #panelRight:ltr · {
+ #panelRight:ltr {
padding-left: 4px;
spacing: 0px; }
- #panelRight:rtl · {
+ #panelRight:rtl {
padding-right: 4px;
spacing: 0px; }
+ #panelRight.vertical {
+ padding: 0; }
+ #panelRight.vertical:ltr {
+ padding-right: 0px; }
+ #panelRight.vertical:rtl {
+ padding-left: 0px; }
#panelCenter {
spacing: 4px; }
#panelCenter:dnd {
@@ -354,7 +383,7 @@ StScrollBar {
background-gradient-start: rgba(0, 255, 0, 0.05);
background-gradient-end: rgba(0, 255, 0, 0.2); }
-.panel-top, .panel-bottom {
+.panel-top, .panel-bottom, .panel-left, .panel-right {
color: white;
font-size: 1em;
padding: 0px; }
@@ -365,8 +394,19 @@ StScrollBar {
.panel-bottom {
border-image: url("common-assets/panel/panel-bottom.svg") 1 1 1 1; }
+.panel-left {
+ border-image: url("common-assets/panel/panel-left.svg") 1 1 1 1; }
+
+.panel-right {
+ border-image: url("common-assets/panel/panel-right.svg") 1 1 1 1; }
+
+.panel-dummy {
+ background-color: rgba(252, 65, 56, 0.5); }
+ .panel-dummy:entered {
+ background-color: rgba(252, 65, 56, 0.6); }
+
.panel-status-button {
- border-widht: 0;
+ border-width: 0;
-natural-hpadding: 3px;
-minimum-hpadding: 3px;
font-weight: bold;
@@ -608,6 +648,10 @@ StScrollBar {
color: rgba(211, 218, 227, 0.3);
opacity: 1; }
+.calendar-week-number {
+ color: rgba(211, 218, 227, 0.7);
+ font-size: 80%; }
+
#notification {
border-radius: 3px;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
@@ -1006,6 +1050,11 @@ StScrollBar {
padding-top: 1px; }
.panel-top .window-list-box {
padding-bottom: 1px; }
+ .window-list-box.vertical {
+ spacing: 4px;
+ padding: 10px 0; }
+ .window-list-box:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.window-list-item-label {
font-weight: bold;
@@ -1015,6 +1064,7 @@ StScrollBar {
.window-list-item-box {
font-weight: bold;
background-image: none;
+ padding-top: 0;
padding-left: 8px;
padding-right: 8px;
transition-duration: 100;
@@ -1027,6 +1077,13 @@ StScrollBar {
border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus {
border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
+ .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus {
+ border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
+ .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus {
+ border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
+ .window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px; }
.window-list-item-demands-attention {
background-gradient-start: #F27835;
@@ -1184,6 +1241,8 @@ StScrollBar {
#panel-launchers-box {
padding-left: 7px; }
+ #panel-launchers-box.vertical {
+ padding: 2px 0; }
.panel-launcher {
margin: 1px;
@@ -1215,9 +1274,15 @@ StScrollBar {
color: white;
text-shadow: none;
transition-duration: 100; }
+ .applet-box.vertical {
+ padding: 3px 0; }
.applet-box:hover {
color: #ffffff;
background-color: #5294e2; }
+ .applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(252, 65, 56, 0.5); }
.applet-label {
font-weight: bold;
@@ -1248,11 +1313,15 @@ StScrollBar {
.desklet {
color: #BAC3CF; }
+ .desklet:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.desklet-with-borders {
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
color: #BAC3CF;
padding: 12px;
padding-bottom: 16px; }
+ .desklet-with-borders:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.desklet-with-borders-and-header {
border-image: url("common-assets/misc/desklet.svg") 9 9 9 9;
color: #BAC3CF;
@@ -1261,6 +1330,8 @@ StScrollBar {
border-radius-topright: 0;
padding: 12px;
padding-bottom: 17px; }
+ .desklet-with-borders-and-header:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.desklet-header {
border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9;
color: #BAC3CF;
diff --git a/common/cinnamon/cinnamon.css b/common/cinnamon/cinnamon.css
index e9369a0..22018ec 100644
--- a/common/cinnamon/cinnamon.css
+++ b/common/cinnamon/cinnamon.css
@@ -1,4 +1,3 @@
-@charset "UTF-8";
stage {
font-family: Futura Bk bt, sans, Sans-Serif;
font-size: 9pt;
@@ -249,44 +248,59 @@ StScrollBar {
font-weight: normal;
text-align: center; }
+.menu,
.popup-menu,
.popup-combo-menu {
- color: white;
min-width: 200px;
color: #5c616c;
border-image: url("light-assets/menu/menu.svg") 9 9 9 9; }
+ .menu-arrow,
.popup-menu-arrow {
icon-size: 16px; }
+ .menu .popup-sub-menu,
.popup-menu .popup-sub-menu, .popup-combo-menu .popup-sub-menu {
background-gradient-direction: none;
box-shadow: none;
border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; }
+ .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; }
+ .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; }
+ .menu .popup-sub-menu StScrollBar,
.popup-menu .popup-sub-menu StScrollBar, .popup-combo-menu .popup-sub-menu StScrollBar {
padding: 4px; }
- .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 {
+ .menu .popup-sub-menu StScrollBar StBin#trough, .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; }
+ .menu .popup-menu-content,
.popup-menu .popup-menu-content, .popup-combo-menu .popup-menu-content {
padding: 1em 0em 1em 0em; }
+ .menu .popup-menu-item,
.popup-menu .popup-menu-item, .popup-combo-menu .popup-menu-item {
padding: .4em 1.75em;
spacing: 1em; }
+ .menu .popup-menu-item:active,
.popup-menu .popup-menu-item:active, .popup-combo-menu .popup-menu-item:active {
color: #ffffff;
background-color: transparent;
border-image: url("common-assets/menu/menu-hover.svg") 9 9 1 1; }
+ .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);
background: none; }
+ .menu .popup-inactive-menu-item,
.popup-menu .popup-inactive-menu-item, .popup-combo-menu .popup-inactive-menu-item {
color: #5c616c; }
+ .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); }
+ .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; }
+ .menu-icon,
.popup-menu-icon {
icon-size: 16px; }
@@ -325,28 +339,43 @@ StScrollBar {
#panel {
font-weight: bold;
- height: 2.1em;
- min-height: 27px; }
+ height: 27px;
+ width: 32px; }
+ #panel:highlight {
+ border-image: none;
+ background-color: rgba(252, 65, 56, 0.5); }
#panelLeft {
spacing: 4px; }
#panelLeft:dnd {
background-gradient-direction: vertical;
background-gradient-start: rgba(255, 0, 0, 0.05);
background-gradient-end: rgba(255, 0, 0, 0.2); }
- #panelLeft:ltr · {
+ #panelLeft:ltr {
padding-right: 4px; }
- #panelLeft:rtl · {
+ #panelLeft:rtl {
padding-left: 4px; }
+ #panelLeft.vertical {
+ padding: 0; }
+ #panelLeft.vertical:ltr {
+ padding-right: 0px; }
+ #panelLeft.vertical:rtl {
+ padding-left: 0px; }
#panelRight:dnd {
background-gradient-direction: vertical;
background-gradient-start: rgba(0, 0, 255, 0.05);
background-gradient-end: rgba(0, 0, 255, 0.2); }
- #panelRight:ltr · {
+ #panelRight:ltr {
padding-left: 4px;
spacing: 0px; }
- #panelRight:rtl · {
+ #panelRight:rtl {
padding-right: 4px;
spacing: 0px; }
+ #panelRight.vertical {
+ padding: 0; }
+ #panelRight.vertical:ltr {
+ padding-right: 0px; }
+ #panelRight.vertical:rtl {
+ padding-left: 0px; }
#panelCenter {
spacing: 4px; }
#panelCenter:dnd {
@@ -354,7 +383,7 @@ StScrollBar {
background-gradient-start: rgba(0, 255, 0, 0.05);
background-gradient-end: rgba(0, 255, 0, 0.2); }
-.panel-top, .panel-bottom {
+.panel-top, .panel-bottom, .panel-left, .panel-right {
color: white;
font-size: 1em;
padding: 0px; }
@@ -365,8 +394,19 @@ StScrollBar {
.panel-bottom {
border-image: url("common-assets/panel/panel-bottom.svg") 1 1 1 1; }
+.panel-left {
+ border-image: url("common-assets/panel/panel-left.svg") 1 1 1 1; }
+
+.panel-right {
+ border-image: url("common-assets/panel/panel-right.svg") 1 1 1 1; }
+
+.panel-dummy {
+ background-color: rgba(252, 65, 56, 0.5); }
+ .panel-dummy:entered {
+ background-color: rgba(252, 65, 56, 0.6); }
+
.panel-status-button {
- border-widht: 0;
+ border-width: 0;
-natural-hpadding: 3px;
-minimum-hpadding: 3px;
font-weight: bold;
@@ -608,6 +648,10 @@ StScrollBar {
color: rgba(92, 97, 108, 0.3);
opacity: 1; }
+.calendar-week-number {
+ color: rgba(92, 97, 108, 0.7);
+ font-size: 80%; }
+
#notification {
border-radius: 3px;
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
@@ -1006,6 +1050,11 @@ StScrollBar {
padding-top: 1px; }
.panel-top .window-list-box {
padding-bottom: 1px; }
+ .window-list-box.vertical {
+ spacing: 4px;
+ padding: 10px 0; }
+ .window-list-box:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.window-list-item-label {
font-weight: bold;
@@ -1015,6 +1064,7 @@ StScrollBar {
.window-list-item-box {
font-weight: bold;
background-image: none;
+ padding-top: 0;
padding-left: 8px;
padding-right: 8px;
transition-duration: 100;
@@ -1027,6 +1077,13 @@ StScrollBar {
border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
.panel-top .window-list-item-box:active, .panel-top .window-list-item-box:checked, .panel-top .window-list-item-box:focus {
border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
+ .panel-left .window-list-item-box:active, .panel-left .window-list-item-box:checked, .panel-left .window-list-item-box:focus {
+ border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
+ .panel-right .window-list-item-box:active, .panel-right .window-list-item-box:checked, .panel-right .window-list-item-box:focus {
+ border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
+ .window-list-item-box.right, .window-list-item-box.left {
+ padding-left: 0px;
+ padding-right: 0px; }
.window-list-item-demands-attention {
background-gradient-start: #F27835;
@@ -1184,6 +1241,8 @@ StScrollBar {
#panel-launchers-box {
padding-left: 7px; }
+ #panel-launchers-box.vertical {
+ padding: 2px 0; }
.panel-launcher {
margin: 1px;
@@ -1215,9 +1274,15 @@ StScrollBar {
color: white;
text-shadow: none;
transition-duration: 100; }
+ .applet-box.vertical {
+ padding: 3px 0; }
.applet-box:hover {
color: #ffffff;
background-color: #5294e2; }
+ .applet-box:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: rgba(252, 65, 56, 0.5); }
.applet-label {
font-weight: bold;
@@ -1248,11 +1313,15 @@ StScrollBar {
.desklet {
color: #BAC3CF; }
+ .desklet:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.desklet-with-borders {
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
color: #BAC3CF;
padding: 12px;
padding-bottom: 16px; }
+ .desklet-with-borders:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.desklet-with-borders-and-header {
border-image: url("common-assets/misc/desklet.svg") 9 9 9 9;
color: #BAC3CF;
@@ -1261,6 +1330,8 @@ StScrollBar {
border-radius-topright: 0;
padding: 12px;
padding-bottom: 17px; }
+ .desklet-with-borders-and-header:highlight {
+ background-color: rgba(252, 65, 56, 0.5); }
.desklet-header {
border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9;
color: #BAC3CF;
diff --git a/common/cinnamon/common-assets/panel/panel-left.svg b/common/cinnamon/common-assets/panel/panel-left.svg
new file mode 100644
index 0000000..e5796b2
--- /dev/null
+++ b/common/cinnamon/common-assets/panel/panel-left.svg
@@ -0,0 +1,79 @@
+
+
+
+
diff --git a/common/cinnamon/common-assets/panel/panel-right.svg b/common/cinnamon/common-assets/panel/panel-right.svg
new file mode 100644
index 0000000..09f1889
--- /dev/null
+++ b/common/cinnamon/common-assets/panel/panel-right.svg
@@ -0,0 +1,79 @@
+
+
+
+
diff --git a/common/cinnamon/common-assets/panel/window-list-active-left.svg b/common/cinnamon/common-assets/panel/window-list-active-left.svg
new file mode 100644
index 0000000..fecc258
--- /dev/null
+++ b/common/cinnamon/common-assets/panel/window-list-active-left.svg
@@ -0,0 +1,164 @@
+
+
+
+
diff --git a/common/cinnamon/common-assets/panel/window-list-active-right.svg b/common/cinnamon/common-assets/panel/window-list-active-right.svg
new file mode 100644
index 0000000..1f78f1d
--- /dev/null
+++ b/common/cinnamon/common-assets/panel/window-list-active-right.svg
@@ -0,0 +1,164 @@
+
+
+
+
diff --git a/common/cinnamon/sass/_common.scss b/common/cinnamon/sass/_common.scss
index b1e77be..dbca21b 100644
--- a/common/cinnamon/sass/_common.scss
+++ b/common/cinnamon/sass/_common.scss
@@ -267,9 +267,9 @@ StScrollBar {
//
// Popvers/Menus
//
+.menu,
.popup-menu,
%menu {
- color: white;
min-width: 200px;
color: $fg_color;
border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9;
@@ -357,8 +357,13 @@ StScrollBar {
//
#panel {
font-weight: bold;
- height: 2.1em;
- min-height: 27px;
+ height: 27px;
+ width: 32px;
+
+ &:highlight {
+ border-image: none;
+ background-color: transparentize($error_color, 0.5);
+ }
&Left {
spacing: 4px;
@@ -368,8 +373,15 @@ StScrollBar {
background-gradient-start: rgba(255,0,0,0.05);
background-gradient-end: rgba(255,0,0,0.2);
}
- &:ltr ·{ padding-right: 4px; }
- &:rtl ·{ padding-left: 4px; }
+ &:ltr { padding-right: 4px; }
+ &:rtl { padding-left: 4px; }
+
+ &.vertical {
+ padding: 0;
+
+ &:ltr { padding-right: 0px; }
+ &:rtl { padding-left: 0px; }
+ }
}
&Right {
@@ -379,8 +391,15 @@ StScrollBar {
background-gradient-start: rgba(0,0,255,0.05);
background-gradient-end: rgba(0,0,255,0.2);
}
- &:ltr ·{ padding-left: 4px; spacing: 0px; }
- &:rtl ·{ padding-right: 4px; spacing: 0px; }
+ &:ltr { padding-left: 4px; spacing: 0px; }
+ &:rtl { padding-right: 4px; spacing: 0px; }
+
+ &.vertical {
+ padding: 0;
+
+ &:ltr { padding-right: 0px; }
+ &:rtl { padding-left: 0px; }
+ }
}
&Center {
@@ -397,7 +416,7 @@ StScrollBar {
.panel {
$_panel_fg_color: $_shell_fg_color;
- &-top, &-bottom {
+ &-top, &-bottom, &-left, &-right {
color: $_panel_fg_color;
font-size: 1em;
padding: 0px;
@@ -405,9 +424,17 @@ StScrollBar {
&-top { border-image: url('common-assets/panel/panel-top.svg') 1 1 1 1; }
&-bottom { border-image: url('common-assets/panel/panel-bottom.svg') 1 1 1 1; }
+ &-left { border-image: url('common-assets/panel/panel-left.svg') 1 1 1 1; }
+ &-right { border-image: url('common-assets/panel/panel-right.svg') 1 1 1 1; }
+
+ &-dummy {
+ background-color: transparentize($error_color, 0.5);
+
+ &:entered { background-color: transparentize($error_color, 0.4); }
+ }
&-status-button {
- border-widht: 0;
+ border-width: 0;
-natural-hpadding: 3px;
-minimum-hpadding: 3px;
font-weight: bold;
@@ -716,6 +743,11 @@ StScrollBar {
opacity: 1;
}
+.calendar-week-number {
+ color: transparentize($fg_color, 0.3);
+ font-size: 80%;
+}
+
//
// Notifications
//
@@ -1226,6 +1258,13 @@ StScrollBar {
.panel-bottom & { padding-top: 1px; }
.panel-top & { padding-bottom: 1px; }
+
+ &.vertical {
+ spacing: 4px;
+ padding: 10px 0;
+ }
+
+ &:highlight { background-color: transparentize($error_color, 0.5); }
}
&-item-label {
@@ -1237,6 +1276,7 @@ StScrollBar {
&-item-box {
font-weight: bold;
background-image: none;
+ padding-top: 0;
padding-left: 8px;
padding-right: 8px;
transition-duration: 100;
@@ -1250,8 +1290,14 @@ StScrollBar {
color: $_shell_fg_color;
.panel-bottom & { border-image: url("common-assets/panel/window-list-active-bottom.svg") 3 3 1 3; }
-
.panel-top & { border-image: url("common-assets/panel/window-list-active-top.svg") 3 3 3 1; }
+ .panel-left & { border-image: url("common-assets/panel/window-list-active-left.svg") 3 1 3 3; }
+ .panel-right & { border-image: url("common-assets/panel/window-list-active-right.svg") 1 3 3 3; }
+ }
+
+ &.right, &.left {
+ padding-left: 0px;
+ padding-right: 0px;
}
}
@@ -1445,6 +1491,10 @@ StScrollBar {
//
#panel-launchers-box {
padding-left: 7px;
+
+ &.vertical {
+ padding: 2px 0;
+ }
}
.panel-launcher {
@@ -1488,10 +1538,20 @@ StScrollBar {
text-shadow: none;
transition-duration: 100;
+ &.vertical {
+ padding: 3px 0;
+ }
+
&:hover {
color: $selected_fg_color;
background-color: $selected_bg_color;
}
+
+ &:highlight {
+ background-image: none;
+ border-image: none;
+ background-color: transparentize($error_color, 0.5);
+ }
}
&-label {
@@ -1540,11 +1600,19 @@ StScrollBar {
.desklet {
color: $osd_fg_color;
+ &:highlight {
+ background-color: transparentize($error_color, 0.5);
+ }
+
&-with-borders {
border-image: url("common-assets/misc/bg.svg") 9 9 9 9;
color: $osd_fg_color;
padding: 12px;
padding-bottom: 16px;
+
+ &:highlight {
+ background-color: transparentize($error_color, 0.5);
+ }
}
&-with-borders-and-header {
border-image: url("common-assets/misc/desklet.svg") 9 9 9 9;
@@ -1554,6 +1622,10 @@ StScrollBar {
border-radius-topright: 0;
padding: 12px;
padding-bottom: 17px;
+
+ &:highlight {
+ background-color: transparentize($error_color, 0.5);
+ }
}
&-header {
border-image: url("common-assets/misc/desklet-header.svg") 9 9 9 9;
--
cgit v1.2.3
From 57ad5914bcad78c5e05d749100907def5cfc9dd5 Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Fri, 25 Nov 2016 16:15:39 +0100
Subject: cinnamon 3.2: fix notifications inside menus (#695)
---
common/cinnamon/cinnamon-dark.css | 59 ++++++++++++++++++++++++++++++++-------
common/cinnamon/cinnamon.css | 59 ++++++++++++++++++++++++++++++++-------
common/cinnamon/sass/_common.scss | 3 +-
3 files changed, 100 insertions(+), 21 deletions(-)
(limited to 'common/cinnamon')
diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css
index 2dabfef..54b9623 100644
--- a/common/cinnamon/cinnamon-dark.css
+++ b/common/cinnamon/cinnamon-dark.css
@@ -6,7 +6,9 @@ stage {
.label-shadow {
color: transparent; }
-.popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button {
+.menu #notification .notification-button, .menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button, .sound-button {
min-height: 20px;
padding: 5px 32px;
transition-duration: 0;
@@ -15,33 +17,59 @@ stage {
background-color: #444a58;
border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
- .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
+ .menu #notification .notification-button, .menu #notification .notification-icon-button,
+ .popup-menu #notification .notification-button,
+ .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus,
+ .popup-menu #notification .notification-button:focus,
+ .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover,
+ .popup-menu #notification .notification-button:hover,
+ .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus,
+ .popup-menu #notification .notification-button:hover:focus,
+ .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active,
+ .popup-menu #notification .notification-button:active,
+ .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus,
+ .popup-menu #notification .notification-button:active:focus,
+ .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive,
+ .popup-menu #notification .notification-button:insensitive,
+ .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
border-radius: 2px; }
- .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
+ .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus,
+ .popup-menu #notification .notification-button:focus,
+ .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
- .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
+ .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover,
+ .popup-menu #notification .notification-button:hover,
+ .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(80, 86, 102, 0.05); }
- .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
+ .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus,
+ .popup-menu #notification .notification-button:hover:focus,
+ .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(68, 74, 88, 0.05); }
- .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus {
+ .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active,
+ .popup-menu #notification .notification-button:active,
+ .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus,
+ .popup-menu #notification .notification-button:active:focus,
+ .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #ffffff;
background-color: #5294e2;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px #5294e2; }
- .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
+ .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive,
+ .popup-menu #notification .notification-button:insensitive,
+ .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: rgba(211, 218, 227, 0.45);
border: 1px solid rgba(43, 46, 57, 0.55);
@@ -75,6 +103,7 @@ stage {
border: 1px solid rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.2); }
+.menu #notification StEntry,
.popup-menu #notification StEntry, #menu-search-entry {
padding: 7px;
caret-size: 1px;
@@ -86,16 +115,20 @@ stage {
background-color: #404552;
border: 1px solid #2b2e39;
box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
- .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .popup-menu #notification StEntry:hover, #menu-search-entry:hover {
+ .menu #notification StEntry:focus,
+ .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover,
+ .popup-menu #notification StEntry:hover, #menu-search-entry:hover {
color: #D3DAE3;
background-color: #404552;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(64, 69, 82, 0.05); }
+ .menu #notification StEntry:insensitive,
.popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive {
color: rgba(211, 218, 227, 0.45);
background-color: #3c414e;
border-color: 1px solid #313440;
box-shadow: inset 0 2px 4px rgba(60, 65, 78, 0.05); }
+ .menu #notification StEntry StIcon.capslock-warning,
.popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #F27835;
@@ -661,10 +694,16 @@ StScrollBar {
margin-from-right-edge-of-screen: 20px;
width: 34em;
color: #BAC3CF; }
+ .menu #notification,
.popup-menu #notification {
- color: #D3DAE3;
border-image: url("dark-assets/misc/message.svg") 9 9 9 9; }
- .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ .menu #notification, .menu #notification.multi-line-notification,
+ .popup-menu #notification,
+ .popup-menu #notification.multi-line-notification {
+ color: #D3DAE3; }
+ .menu #notification .notification-button, .menu #notification .notification-icon-button,
+ .popup-menu #notification .notification-button,
+ .popup-menu #notification .notification-icon-button {
padding: 5px; }
#notification.multi-line-notification {
padding-bottom: 13px;
diff --git a/common/cinnamon/cinnamon.css b/common/cinnamon/cinnamon.css
index 22018ec..35b82be 100644
--- a/common/cinnamon/cinnamon.css
+++ b/common/cinnamon/cinnamon.css
@@ -6,7 +6,9 @@ stage {
.label-shadow {
color: transparent; }
-.popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button {
+.menu #notification .notification-button, .menu #notification .notification-icon-button,
+.popup-menu #notification .notification-button,
+.popup-menu #notification .notification-icon-button, .sound-button {
min-height: 20px;
padding: 5px 32px;
transition-duration: 0;
@@ -15,33 +17,59 @@ stage {
background-color: #fbfbfc;
border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
- .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, .sound-button, .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
+ .menu #notification .notification-button, .menu #notification .notification-icon-button,
+ .popup-menu #notification .notification-button,
+ .popup-menu #notification .notification-icon-button, .sound-button, .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus,
+ .popup-menu #notification .notification-button:focus,
+ .popup-menu #notification .notification-icon-button:focus, .sound-button:focus, .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover,
+ .popup-menu #notification .notification-button:hover,
+ .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover, .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus,
+ .popup-menu #notification .notification-button:hover:focus,
+ .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus, .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active,
+ .popup-menu #notification .notification-button:active,
+ .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus,
+ .popup-menu #notification .notification-button:active:focus,
+ .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus, .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive,
+ .popup-menu #notification .notification-button:insensitive,
+ .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
border-radius: 2px; }
- .popup-menu #notification .notification-button:focus, .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
+ .menu #notification .notification-button:focus, .menu #notification .notification-icon-button:focus,
+ .popup-menu #notification .notification-button:focus,
+ .popup-menu #notification .notification-icon-button:focus, .sound-button:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
- .popup-menu #notification .notification-button:hover, .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
+ .menu #notification .notification-button:hover, .menu #notification .notification-icon-button:hover,
+ .popup-menu #notification .notification-button:hover,
+ .popup-menu #notification .notification-icon-button:hover, .menu-favorites-button:hover, .menu-application-button-selected, .menu-category-button-selected, .sound-button:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
- .popup-menu #notification .notification-button:hover:focus, .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
+ .menu #notification .notification-button:hover:focus, .menu #notification .notification-icon-button:hover:focus,
+ .popup-menu #notification .notification-button:hover:focus,
+ .popup-menu #notification .notification-icon-button:hover:focus, .menu-favorites-button:focus:hover, .menu-application-button-selected:focus, .menu-category-button-selected:focus, .sound-button:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(251, 251, 252, 0.05); }
- .popup-menu #notification .notification-button:active, .popup-menu #notification .notification-icon-button:active, .sound-button:active, .popup-menu #notification .notification-button:active:focus, .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus {
+ .menu #notification .notification-button:active, .menu #notification .notification-icon-button:active,
+ .popup-menu #notification .notification-button:active,
+ .popup-menu #notification .notification-icon-button:active, .sound-button:active, .menu #notification .notification-button:active:focus, .menu #notification .notification-icon-button:active:focus,
+ .popup-menu #notification .notification-button:active:focus,
+ .popup-menu #notification .notification-icon-button:active:focus, .sound-button:active:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #ffffff;
background-color: #5294e2;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px #5294e2; }
- .popup-menu #notification .notification-button:insensitive, .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
+ .menu #notification .notification-button:insensitive, .menu #notification .notification-icon-button:insensitive,
+ .popup-menu #notification .notification-button:insensitive,
+ .popup-menu #notification .notification-icon-button:insensitive, .sound-button:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55);
@@ -75,6 +103,7 @@ stage {
border: 1px solid rgba(26, 28, 34, 0.35);
background-color: rgba(102, 109, 132, 0.2); }
+.menu #notification StEntry,
.popup-menu #notification StEntry, #menu-search-entry {
padding: 7px;
caret-size: 1px;
@@ -86,16 +115,20 @@ stage {
background-color: #ffffff;
border: 1px solid #cfd6e6;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
- .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .popup-menu #notification StEntry:hover, #menu-search-entry:hover {
+ .menu #notification StEntry:focus,
+ .popup-menu #notification StEntry:focus, #menu-search-entry:focus, .menu #notification StEntry:hover,
+ .popup-menu #notification StEntry:hover, #menu-search-entry:hover {
color: #5c616c;
background-color: #ffffff;
border: 1px solid #5294e2;
box-shadow: inset 0 2px 4px rgba(255, 255, 255, 0.05); }
+ .menu #notification StEntry:insensitive,
.popup-menu #notification StEntry:insensitive, #menu-search-entry:insensitive {
color: rgba(92, 97, 108, 0.55);
background-color: #fbfbfb;
border-color: 1px solid #e0e4ee;
box-shadow: inset 0 2px 4px rgba(251, 251, 251, 0.05); }
+ .menu #notification StEntry StIcon.capslock-warning,
.popup-menu #notification StEntry StIcon.capslock-warning, #menu-search-entry StIcon.capslock-warning {
icon-size: 16px;
warning-color: #F27835;
@@ -661,10 +694,16 @@ StScrollBar {
margin-from-right-edge-of-screen: 20px;
width: 34em;
color: #BAC3CF; }
+ .menu #notification,
.popup-menu #notification {
- color: #5c616c;
border-image: url("light-assets/misc/message.svg") 9 9 9 9; }
- .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button {
+ .menu #notification, .menu #notification.multi-line-notification,
+ .popup-menu #notification,
+ .popup-menu #notification.multi-line-notification {
+ color: #5c616c; }
+ .menu #notification .notification-button, .menu #notification .notification-icon-button,
+ .popup-menu #notification .notification-button,
+ .popup-menu #notification .notification-icon-button {
padding: 5px; }
#notification.multi-line-notification {
padding-bottom: 13px;
diff --git a/common/cinnamon/sass/_common.scss b/common/cinnamon/sass/_common.scss
index dbca21b..da21020 100644
--- a/common/cinnamon/sass/_common.scss
+++ b/common/cinnamon/sass/_common.scss
@@ -761,8 +761,9 @@ StScrollBar {
width: 34em;
color: $osd_fg_color;
+ .menu &,
.popup-menu & {
- color: $fg_color;
+ &, &.multi-line-notification { color: $fg_color; }
border-image: url("#{$asset_path}/misc/message.svg") 9 9 9 9;
.notification-button, .notification-icon-button {
--
cgit v1.2.3
From 8d26ecd8883566c39396e527f04891fa3d5efd1f Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Fri, 25 Nov 2016 16:18:21 +0100
Subject: cinnamon 3.2: remove menu min-width (#695)
---
common/cinnamon/cinnamon-dark.css | 1 -
common/cinnamon/cinnamon.css | 1 -
common/cinnamon/sass/_common.scss | 1 -
3 files changed, 3 deletions(-)
(limited to 'common/cinnamon')
diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css
index 54b9623..8ea7793 100644
--- a/common/cinnamon/cinnamon-dark.css
+++ b/common/cinnamon/cinnamon-dark.css
@@ -284,7 +284,6 @@ StScrollBar {
.menu,
.popup-menu,
.popup-combo-menu {
- min-width: 200px;
color: #D3DAE3;
border-image: url("dark-assets/menu/menu.svg") 9 9 9 9; }
.menu-arrow,
diff --git a/common/cinnamon/cinnamon.css b/common/cinnamon/cinnamon.css
index 35b82be..4b683c3 100644
--- a/common/cinnamon/cinnamon.css
+++ b/common/cinnamon/cinnamon.css
@@ -284,7 +284,6 @@ StScrollBar {
.menu,
.popup-menu,
.popup-combo-menu {
- min-width: 200px;
color: #5c616c;
border-image: url("light-assets/menu/menu.svg") 9 9 9 9; }
.menu-arrow,
diff --git a/common/cinnamon/sass/_common.scss b/common/cinnamon/sass/_common.scss
index da21020..e83a08a 100644
--- a/common/cinnamon/sass/_common.scss
+++ b/common/cinnamon/sass/_common.scss
@@ -270,7 +270,6 @@ StScrollBar {
.menu,
.popup-menu,
%menu {
- min-width: 200px;
color: $fg_color;
border-image: url("#{$asset_path}/menu/menu.svg") 9 9 9 9;
--
cgit v1.2.3
From 9047b20712193d174fb3277c5252ce86f54b50c1 Mon Sep 17 00:00:00 2001
From: Horst3180
Date: Fri, 25 Nov 2016 16:34:48 +0100
Subject: cinnamon 3.2: fix panel launcher styling (#695)
---
common/cinnamon/cinnamon-dark.css | 20 ++++++++++++++++----
common/cinnamon/cinnamon.css | 20 ++++++++++++++++----
common/cinnamon/sass/_common.scss | 5 ++++-
3 files changed, 36 insertions(+), 9 deletions(-)
(limited to 'common/cinnamon')
diff --git a/common/cinnamon/cinnamon-dark.css b/common/cinnamon/cinnamon-dark.css
index 8ea7793..488f54b 100644
--- a/common/cinnamon/cinnamon-dark.css
+++ b/common/cinnamon/cinnamon-dark.css
@@ -1282,17 +1282,29 @@ StScrollBar {
#panel-launchers-box.vertical {
padding: 2px 0; }
-.panel-launcher {
+.panel-launcher,
+.launcher {
margin: 1px;
padding: 1px;
transition-duration: 200; }
- .panel-launcher:hover {
+ .panel-launcher:hover,
+ .launcher:hover {
background-gradient-direction: none;
border: 0px solid #5294e2; }
- .panel-bottom .panel-launcher:hover {
+ .panel-bottom .panel-launcher:hover, .panel-bottom
+ .launcher:hover {
border-bottom-width: 1px; }
- .panel-top .panel-launcher:hover {
+ .panel-top .panel-launcher:hover, .panel-top
+ .launcher:hover {
border-top-width: 1px; }
+ .panel-left .panel-launcher:hover, .panel-left
+ .launcher:hover {
+ border-left-width: 1px;
+ padding-left: 0; }
+ .panel-right .panel-launcher:hover, .panel-right
+ .launcher:hover {
+ border-right-width: 1px;
+ padding-right: 0; }
#overview-corner {
background-image: url("common-assets/misc/overview.png"); }
diff --git a/common/cinnamon/cinnamon.css b/common/cinnamon/cinnamon.css
index 4b683c3..036f39d 100644
--- a/common/cinnamon/cinnamon.css
+++ b/common/cinnamon/cinnamon.css
@@ -1282,17 +1282,29 @@ StScrollBar {
#panel-launchers-box.vertical {
padding: 2px 0; }
-.panel-launcher {
+.panel-launcher,
+.launcher {
margin: 1px;
padding: 1px;
transition-duration: 200; }
- .panel-launcher:hover {
+ .panel-launcher:hover,
+ .launcher:hover {
background-gradient-direction: none;
border: 0px solid #5294e2; }
- .panel-bottom .panel-launcher:hover {
+ .panel-bottom .panel-launcher:hover, .panel-bottom
+ .launcher:hover {
border-bottom-width: 1px; }
- .panel-top .panel-launcher:hover {
+ .panel-top .panel-launcher:hover, .panel-top
+ .launcher:hover {
border-top-width: 1px; }
+ .panel-left .panel-launcher:hover, .panel-left
+ .launcher:hover {
+ border-left-width: 1px;
+ padding-left: 0; }
+ .panel-right .panel-launcher:hover, .panel-right
+ .launcher:hover {
+ border-right-width: 1px;
+ padding-right: 0; }
#overview-corner {
background-image: url("common-assets/misc/overview.png"); }
diff --git a/common/cinnamon/sass/_common.scss b/common/cinnamon/sass/_common.scss
index e83a08a..51dd4bc 100644
--- a/common/cinnamon/sass/_common.scss
+++ b/common/cinnamon/sass/_common.scss
@@ -1497,7 +1497,8 @@ StScrollBar {
}
}
-.panel-launcher {
+.panel-launcher,
+.launcher {
margin: 1px;
padding: 1px;
transition-duration: 200;
@@ -1508,6 +1509,8 @@ StScrollBar {
.panel-bottom & { border-bottom-width: 1px; }
.panel-top & { border-top-width: 1px; }
+ .panel-left & { border-left-width: 1px; padding-left: 0; }
+ .panel-right & { border-right-width: 1px; padding-right: 0; }
}
}
--
cgit v1.2.3