From 1e317d21ef488d657f28efb0c61461e9b91d57b4 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Fri, 30 Sep 2016 15:41:00 +0200 Subject: gtk 3.20: try to fix unity decorations (#660) --- common/gtk-3.0/3.20/gtk-dark.css | 7 ++++--- common/gtk-3.0/3.20/gtk-darker.css | 7 ++++--- common/gtk-3.0/3.20/gtk-solid-dark.css | 7 ++++--- common/gtk-3.0/3.20/gtk-solid-darker.css | 7 ++++--- common/gtk-3.0/3.20/gtk-solid.css | 7 ++++--- common/gtk-3.0/3.20/gtk.css | 7 ++++--- common/gtk-3.0/3.20/sass/_unity.scss | 6 +++--- 7 files changed, 27 insertions(+), 21 deletions(-) diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index 60db2ca..bc510be 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -3590,7 +3590,7 @@ UnityDecoration { -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { + UnityDecoration .top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; @@ -3598,10 +3598,11 @@ UnityDecoration { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } - UnityDecoration.top:backdrop { + UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97), rgba(32, 35, 43, 0.97)); } diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index a859fd4..abe8f6f 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -3589,7 +3589,7 @@ UnityDecoration { -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { + UnityDecoration .top { border: 1px solid rgba(32, 35, 43, 0.97); border-bottom-width: 0; border-radius: 4px 4px 0 0; @@ -3597,10 +3597,11 @@ UnityDecoration { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px rgba(54, 59, 72, 0.97); } - UnityDecoration.top:backdrop { + UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(32, 35, 43, 0.97), rgba(32, 35, 43, 0.97)); } diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index 8afebb7..34b7e1e 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -3590,7 +3590,7 @@ UnityDecoration { -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { + UnityDecoration .top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; @@ -3598,10 +3598,11 @@ UnityDecoration { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } - UnityDecoration.top:backdrop { + UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b, #20232b); } diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index becacd4..c3a2dac 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -3589,7 +3589,7 @@ UnityDecoration { -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { + UnityDecoration .top { border: 1px solid #20232b; border-bottom-width: 0; border-radius: 4px 4px 0 0; @@ -3597,10 +3597,11 @@ UnityDecoration { background-image: linear-gradient(to bottom, #2f343f, #2f343f); color: rgba(207, 218, 231, 0.8); box-shadow: inset 0 1px #363b48; } - UnityDecoration.top:backdrop { + UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(207, 218, 231, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, #20232b, #20232b); } diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 40d8c4d..450fe0e 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -3593,7 +3593,7 @@ UnityDecoration { -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { + UnityDecoration .top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; @@ -3601,10 +3601,11 @@ UnityDecoration { background-image: linear-gradient(to bottom, #e7e8eb, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px #eff0f2; } - UnityDecoration.top:backdrop { + UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 26d5c6c..de1e6db 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -3593,7 +3593,7 @@ UnityDecoration { -UnityDecoration-title-indent: 10px; -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; } - UnityDecoration.top { + UnityDecoration .top { border: 1px solid rgba(0, 0, 0, 0.1); border-bottom-width: 0; border-radius: 4px 4px 0 0; @@ -3601,10 +3601,11 @@ UnityDecoration { background-image: linear-gradient(to bottom, #e7e8eb, #e7e8eb); color: rgba(82, 93, 118, 0.8); box-shadow: inset 0 1px rgba(239, 240, 242, 0.95); } - UnityDecoration.top:backdrop { + UnityDecoration .top:backdrop { border-bottom-width: 0; color: rgba(82, 93, 118, 0.5); } - UnityDecoration.left, UnityDecoration.right, UnityDecoration.bottom, UnityDecoration.left:backdrop, UnityDecoration.right:backdrop, UnityDecoration.bottom:backdrop { + UnityDecoration .left, UnityDecoration .right, UnityDecoration .bottom, + UnityDecoration .left:backdrop, UnityDecoration .right:backdrop, UnityDecoration .bottom:backdrop { background-color: transparent; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } diff --git a/common/gtk-3.0/3.20/sass/_unity.scss b/common/gtk-3.0/3.20/sass/_unity.scss index b851ec9..cb18aec 100644 --- a/common/gtk-3.0/3.20/sass/_unity.scss +++ b/common/gtk-3.0/3.20/sass/_unity.scss @@ -17,7 +17,7 @@ UnityDecoration { -UnityDecoration-title-fade: 35px; -UnityDecoration-title-alignment: 0.0; - &.top { + .top { border: 1px solid if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9)); border-bottom-width: 0; border-radius: 4px 4px 0 0; @@ -34,8 +34,8 @@ UnityDecoration { color: transparentize($header_fg, 0.3); } } - &.left, &.right, &.bottom, - &.left:backdrop, &.right:backdrop, &.bottom:backdrop { + .left, .right, .bottom, + .left:backdrop, .right:backdrop, .bottom:backdrop { background-color: transparent; background-image: _solid(if($darker=='true' or $variant == 'dark', darken($header_bg, 7%), transparentize(black, 0.9))); } -- cgit v1.2.3