349 lines
10 KiB
Diff
349 lines
10 KiB
Diff
From 3ac96e3f2e4e8b2cc6095e0ffd47f5f4eb139efa Mon Sep 17 00:00:00 2001
|
|
From: smurphos <29017677+smurphos@users.noreply.github.com>
|
|
Date: Sat, 17 Nov 2018 09:02:53 +0000
|
|
Subject: [PATCH 1/6] Cinnanmon 4 - overview styling
|
|
|
|
---
|
|
shell/sass/cinnamon/_common.scss | 12 +++++++++++-
|
|
1 file changed, 11 insertions(+), 1 deletion(-)
|
|
|
|
diff --git a/shell/sass/cinnamon/_common.scss b/shell/sass/cinnamon/_common.scss
|
|
index e2d479263..f2d5017c4 100644
|
|
--- a/shell/sass/cinnamon/_common.scss
|
|
+++ b/shell/sass/cinnamon/_common.scss
|
|
@@ -606,6 +606,15 @@ $icon_size: 16px;
|
|
|
|
#overview { spacing: 12px; }
|
|
|
|
+// >=4.0
|
|
+.overview-empty-placeholder {
|
|
+ color: $osd_fg_color;
|
|
+ font-size: 1.5em;
|
|
+}
|
|
+.window-border {
|
|
+ outline: 0 none transparent;
|
|
+ border: 2px solid $osd_indicator_color;
|
|
+}
|
|
.window-caption {
|
|
-cinnamon-caption-spacing: 12px;
|
|
spacing: 25px;
|
|
@@ -617,7 +626,8 @@ $icon_size: 16px;
|
|
|
|
// FIXME: Cinnamon does not have 'window-clone-border'
|
|
// and the name 'selected' looks incorrect, should be 'focused' instead
|
|
- &#selected {
|
|
+ // selector is :focus for >=4.0
|
|
+ &#selected, &:focus {
|
|
spacing: 25px;
|
|
color: $selected_fg_color;
|
|
background-color: $osd_indicator_color;
|
|
|
|
From 70c5f7e2c58b256d253a23ebfcea70b82a75b818 Mon Sep 17 00:00:00 2001
|
|
From: smurphos <29017677+smurphos@users.noreply.github.com>
|
|
Date: Sat, 17 Nov 2018 09:04:01 +0000
|
|
Subject: [PATCH 2/6] Cinnamon 4 - new stock menu styling
|
|
|
|
---
|
|
shell/sass/cinnamon/_common.scss | 12 +++++++++++-
|
|
1 file changed, 11 insertions(+), 1 deletion(-)
|
|
|
|
diff --git a/shell/sass/cinnamon/_common.scss b/shell/sass/cinnamon/_common.scss
|
|
index f2d5017c4..9ec7d479f 100644
|
|
--- a/shell/sass/cinnamon/_common.scss
|
|
+++ b/shell/sass/cinnamon/_common.scss
|
|
@@ -1260,7 +1260,17 @@ $ws_thumb_spacing: 32px;
|
|
// from other applet menus
|
|
&-background {
|
|
}
|
|
-
|
|
+ // top-box and systembuttons-box are for the abortive version 4.0 stock menu. Included in case it ever returns.
|
|
+ &-top-box {
|
|
+ spacing: 10px;
|
|
+ }
|
|
+ &-systembuttons-box {
|
|
+ padding: 5px 0;
|
|
+ }
|
|
+ .menu-favorites-button {
|
|
+ padding: 5px;
|
|
+ &:hover { @include button(flat-hover); }
|
|
+ }
|
|
&-favorites-box {
|
|
padding: 7px;
|
|
border-radius: 0;
|
|
|
|
From 8146aca90841abcdee68cd6e54da120e52564bf7 Mon Sep 17 00:00:00 2001
|
|
From: smurphos <29017677+smurphos@users.noreply.github.com>
|
|
Date: Sat, 17 Nov 2018 09:05:38 +0000
|
|
Subject: [PATCH 3/6] Cinnamon 4 - GWL applet styling
|
|
|
|
---
|
|
shell/sass/cinnamon/_common.scss | 154 +++++++++++++++++++++++++++++++
|
|
1 file changed, 154 insertions(+)
|
|
|
|
diff --git a/shell/sass/cinnamon/_common.scss b/shell/sass/cinnamon/_common.scss
|
|
index 9ec7d479f..a002ead5e 100644
|
|
--- a/shell/sass/cinnamon/_common.scss
|
|
+++ b/shell/sass/cinnamon/_common.scss
|
|
@@ -1579,6 +1579,160 @@ $ws_thumb_spacing: 32px;
|
|
background: none;
|
|
}
|
|
}
|
|
+// GWL is a cinnamon v>4.0 stock applet
|
|
+// /*******************************
|
|
+// * Grouped window list
|
|
+// *******************************/
|
|
+
|
|
+.grouped-window-list {
|
|
+ &-thumbnail-label {
|
|
+ padding-left: 4px;
|
|
+ }
|
|
+ &-number-label {
|
|
+ @include fontscaling($ref_size * 0.9);
|
|
+ color: $selected_fg_color;
|
|
+ font-weight: 700;
|
|
+ }
|
|
+ &-badge {
|
|
+ border-radius: 256px;
|
|
+ background-color: #000000;
|
|
+ // to prevent overlap of badge and box-shadow in top and left panel in larger icon sizes.
|
|
+ .panel-top & { margin-top: 2px }
|
|
+ .panel-left & { margin-left: 2px }
|
|
+ }
|
|
+ &-button-label {
|
|
+ padding-left: 4px;
|
|
+ }
|
|
+ &-thumbnail-alert {
|
|
+ background: rgba(255, 52, 52, 0.3);
|
|
+ }
|
|
+
|
|
+ &-item-box {
|
|
+ border: 0 none transparent;
|
|
+ border-image: none;
|
|
+ background-image: none;
|
|
+ background-color: $hidden_fill_color;
|
|
+ color: $osd_fg_color;
|
|
+ box-shadow: $empty_shadow;
|
|
+ font-weight: 400;
|
|
+ .panel-top &,
|
|
+ .panel-bottom &,
|
|
+ .panel-left &,
|
|
+ .panel-right & {
|
|
+ StIcon, StBin { padding: 0; }
|
|
+ }
|
|
+
|
|
+ @each $position, $_indicator in (top, 0 2px),
|
|
+ (bottom, 0 -2px),
|
|
+ (left, 2px 0),
|
|
+ (right, -2px 0) {
|
|
+ .panel-#{$position} & {
|
|
+ spacing: 0;
|
|
+ padding: 0;
|
|
+ border: 0 none transparent;
|
|
+ border-image: none;
|
|
+ background-color: $hidden_fill_color;
|
|
+ box-shadow: $empty_shadow;
|
|
+ // emulate two state themeing as per current themeing for icing task manager and window-list.
|
|
+ &:active, &:hover, &active:hover {
|
|
+ background-color: $hidden_fill_color;
|
|
+ box-shadow: inset #{$_indicator} $osd_outline_fill_color;
|
|
+ }
|
|
+ &:focus, &:active:focus, &:focus:hover, &:active:focus:hover {
|
|
+ background-color: $hidden_fill_color;
|
|
+ box-shadow: inset #{$_indicator} $osd_indicator_color;
|
|
+ }
|
|
+ }
|
|
+ }
|
|
+
|
|
+ StLabel {
|
|
+ font-weight: 400;
|
|
+
|
|
+ .panel-top &,
|
|
+ .panel-bottom & {
|
|
+ &:ltr {
|
|
+ padding: 0 (6px - 2px) 0 0;
|
|
+ }
|
|
+ &:rtl {
|
|
+ padding: 0 0 0 (6px - 2px);
|
|
+ }
|
|
+ }
|
|
+ }
|
|
+
|
|
+ &:progress,
|
|
+ .progress {
|
|
+ background-gradient-start: $accent_fill_color;
|
|
+ background-gradient-end: $accent_fill_color;
|
|
+ }
|
|
+ }
|
|
+
|
|
+ &-item-demands-attention {
|
|
+ background-gradient-start: $accent_fill_color;
|
|
+ background-gradient-end: $accent_fill_color;
|
|
+ color: $selected_fg_color;
|
|
+
|
|
+ @each $position, $_indicator in (top, 0 2px), (bottom, 0 -2px), (left, 2px 0), (right, -2px 0) {
|
|
+ .panel-#{$position} & {
|
|
+ box-shadow: inset #{$_indicator} $accent_color;
|
|
+ }
|
|
+ }
|
|
+ }
|
|
+ &-thumbnail-menu {
|
|
+ padding: 20px;
|
|
+ border: none;
|
|
+ border-image: url('assets/misc/osd.svg') 9 9 9 9;
|
|
+ border-radius: 2px;
|
|
+ color: $osd_fg_color;
|
|
+ background: none;
|
|
+
|
|
+ > StBoxLayout {
|
|
+ padding: 4px;
|
|
+ }
|
|
+
|
|
+ .item-box {
|
|
+ padding: 8px;
|
|
+ border-radius: 0; // fill entire surface to cover up the parent
|
|
+ background-color: $osd_bg_color; // use opaque
|
|
+ &:outlined,
|
|
+ &:selected { border-radius: 2px; }
|
|
+ &:outlined {
|
|
+ padding: 6px;
|
|
+ border: 2px solid $osd_outline_fill_color;
|
|
+ }
|
|
+ &:selected {
|
|
+ background-color: mix($osd_bg_color, $accent_color, 75%);
|
|
+ color: $inverted_accent_label_color;
|
|
+ }
|
|
+
|
|
+ > StBoxLayout { // icon and title
|
|
+ &:ltr { margin: 6px 0 0 6px; }
|
|
+ &:rtl { margin: 6px 6px 0 0; }
|
|
+
|
|
+ StLabel { padding-bottom: 0.1em; }
|
|
+ }
|
|
+
|
|
+ > StButton { // close button
|
|
+ &:ltr { margin: 6px 6px 0 0; }
|
|
+ &:rtl { margin: 6px 0 0 6px; }
|
|
+ }
|
|
+ }
|
|
+
|
|
+ .thumbnail {
|
|
+ width: 256px;
|
|
+ margin: 6px;
|
|
+ }
|
|
+
|
|
+ .thumbnail-box {
|
|
+ padding: 2px;
|
|
+ spacing: 4px;
|
|
+ }
|
|
+
|
|
+ .separator {
|
|
+ width: 1px;
|
|
+ background: $borders_color;
|
|
+ }
|
|
+ }
|
|
+}
|
|
|
|
|
|
// /***********************************
|
|
|
|
From 20177a662bff1e739340f87f2fba9a35a208edaf Mon Sep 17 00:00:00 2001
|
|
From: smurphos <29017677+smurphos@users.noreply.github.com>
|
|
Date: Sat, 17 Nov 2018 09:06:47 +0000
|
|
Subject: [PATCH 4/6] Cinnamon - reduce menu search width and add some padding
|
|
to menu-context-menu for Cinnamenu compatibility
|
|
|
|
---
|
|
shell/sass/cinnamon/_common.scss | 3 ++-
|
|
1 file changed, 2 insertions(+), 1 deletion(-)
|
|
|
|
diff --git a/shell/sass/cinnamon/_common.scss b/shell/sass/cinnamon/_common.scss
|
|
index a002ead5e..86fc65294 100644
|
|
--- a/shell/sass/cinnamon/_common.scss
|
|
+++ b/shell/sass/cinnamon/_common.scss
|
|
@@ -1412,7 +1412,7 @@ $ws_thumb_spacing: 32px;
|
|
|
|
#menu-search-entry {
|
|
@extend %entry;
|
|
- width: 24em;
|
|
+ width: 16em;
|
|
caret-color: $fg_color;
|
|
font-weight: 500;
|
|
}
|
|
@@ -1424,6 +1424,7 @@ $ws_thumb_spacing: 32px;
|
|
|
|
// Context menu (at the moment only for favorites)
|
|
.menu-context-menu {
|
|
+padding: 0.5em;
|
|
}
|
|
|
|
|
|
|
|
From db47c7403c3646961924013107e88b26d44f82ef Mon Sep 17 00:00:00 2001
|
|
From: smurphos <29017677+smurphos@users.noreply.github.com>
|
|
Date: Sat, 17 Nov 2018 09:09:21 +0000
|
|
Subject: [PATCH 5/6] Cinnamon - bugfix - workspace switcher on vertical panels
|
|
|
|
---
|
|
shell/sass/cinnamon/_common.scss | 12 ++++++++++--
|
|
1 file changed, 10 insertions(+), 2 deletions(-)
|
|
|
|
diff --git a/shell/sass/cinnamon/_common.scss b/shell/sass/cinnamon/_common.scss
|
|
index 86fc65294..616133773 100644
|
|
--- a/shell/sass/cinnamon/_common.scss
|
|
+++ b/shell/sass/cinnamon/_common.scss
|
|
@@ -1836,7 +1836,11 @@ padding: 0.5em;
|
|
background-color: $hidden_fill_color;
|
|
transition-duration: 0.2s;
|
|
|
|
- // .vertical & { padding: 3px; } // NEEDS_REVIEW
|
|
+.vertical & {
|
|
+ width: 10px;
|
|
+ height: 20px;
|
|
+ // padding: 3px 0; // NEEDS_REVIEW
|
|
+}
|
|
|
|
&:hover {
|
|
color: $selected_fg_color;
|
|
@@ -1869,7 +1873,11 @@ padding: 0.5em;
|
|
.workspace-graph {
|
|
padding: 3px;
|
|
spacing: 3px;
|
|
-
|
|
+
|
|
+ .vertical & {
|
|
+ padding: 0;
|
|
+ }
|
|
+
|
|
.workspace {
|
|
border: 1px solid shellopacity(black, 0.4);
|
|
background-gradient-direction: none;
|
|
|
|
From a098df43a80df6e5c47f11484c4bc04479892108 Mon Sep 17 00:00:00 2001
|
|
From: smurphos <29017677+smurphos@users.noreply.github.com>
|
|
Date: Sun, 18 Nov 2018 04:14:08 +0000
|
|
Subject: [PATCH 6/6] Cinnamon - GWL bugfix
|
|
|
|
---
|
|
shell/sass/cinnamon/_common.scss | 6 +++---
|
|
1 file changed, 3 insertions(+), 3 deletions(-)
|
|
|
|
diff --git a/shell/sass/cinnamon/_common.scss b/shell/sass/cinnamon/_common.scss
|
|
index 616133773..718d8cdf4 100644
|
|
--- a/shell/sass/cinnamon/_common.scss
|
|
+++ b/shell/sass/cinnamon/_common.scss
|
|
@@ -1634,12 +1634,12 @@ padding: 0.5em;
|
|
border-image: none;
|
|
background-color: $hidden_fill_color;
|
|
box-shadow: $empty_shadow;
|
|
- // emulate two state themeing as per current themeing for icing task manager and window-list.
|
|
- &:active, &:hover, &active:hover {
|
|
+ // emulate two state theming as per current theming for icing task manager and window-list.
|
|
+ &:active, &:checked {
|
|
background-color: $hidden_fill_color;
|
|
box-shadow: inset #{$_indicator} $osd_outline_fill_color;
|
|
}
|
|
- &:focus, &:active:focus, &:focus:hover, &:active:focus:hover {
|
|
+ &:hover, &:active:hover, &:focus, &:active:focus, &:focus:hover, &:active:focus:hover {
|
|
background-color: $hidden_fill_color;
|
|
box-shadow: inset #{$_indicator} $osd_indicator_color;
|
|
}
|