[gtk+] Adwaita: rely on background-image for paned wide separators
- From: Lapo Calamandrei <lapo src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gtk+] Adwaita: rely on background-image for paned wide separators
- Date: Sat, 9 Jan 2016 12:37:34 +0000 (UTC)
commit 2050ed04dd4dbaf07d62c0f4f7a7b3827deda0e0
Author: Lapo Calamandrei <calamandrei gmail com>
Date: Sat Jan 9 13:35:48 2016 +0100
Adwaita: rely on background-image for paned wide separators
this workaround fixes the rendering issue coming out using borders
gtk/theme/Adwaita/_common.scss | 14 +++++++-------
gtk/theme/Adwaita/gtk-contained-dark.css | 14 +++++++-------
gtk/theme/Adwaita/gtk-contained.css | 14 +++++++-------
3 files changed, 21 insertions(+), 21 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index 75d74b0..6d1c1fc 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -3061,9 +3061,9 @@ paned {
padding: 0;
min-width: 5px;
min-height: 5px;
- background-image: none;
- border: 1px solid $borders_color;
- &:backdrop { border-color: $backdrop_borders_color; }
+ background-image: linear-gradient(to top, $borders_color), linear-gradient(to top, $borders_color);
+ background-size: 1px 1px, 1px 1px;
+ &:backdrop { background-image: linear-gradient(to top, $backdrop_borders_color), linear-gradient(to
top, $backdrop_borders_color); }
}
}
@@ -3081,8 +3081,8 @@ paned {
}
&.wide {
- border-top-style: none;
- border-bottom-style: none;
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right;
}
}
@@ -3093,8 +3093,8 @@ paned {
background-position: top;
&.wide {
- border-left-style: none;
- border-right-style: none;
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top;
}
}
}
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 5c28838..b971118 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -4210,10 +4210,10 @@ paned > separator {
padding: 0;
min-width: 5px;
min-height: 5px;
- background-image: none;
- border: 1px solid #1c1f1f; }
+ background-image: linear-gradient(to top, #1c1f1f), linear-gradient(to top, #1c1f1f);
+ background-size: 1px 1px, 1px 1px; }
paned > separator.wide:backdrop {
- border-color: #1f2222; }
+ background-image: linear-gradient(to top, #1f2222), linear-gradient(to top, #1f2222); }
paned.horizontal > separator {
background-repeat: repeat-y; }
paned.horizontal > separator:dir(ltr) {
@@ -4225,16 +4225,16 @@ paned.horizontal > separator {
padding: 0 0 0 8px;
background-position: right; }
paned.horizontal > separator.wide {
- border-top-style: none;
- border-bottom-style: none; }
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right; }
paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
paned.vertical > separator.wide {
- border-left-style: none;
- border-right-style: none; }
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top; }
/**************
* GtkInfoBar *
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 373a2a5..f16d320 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -4386,10 +4386,10 @@ paned > separator {
padding: 0;
min-width: 5px;
min-height: 5px;
- background-image: none;
- border: 1px solid #9d9d99; }
+ background-image: linear-gradient(to top, #9d9d99), linear-gradient(to top, #9d9d99);
+ background-size: 1px 1px, 1px 1px; }
paned > separator.wide:backdrop {
- border-color: #a5a5a1; }
+ background-image: linear-gradient(to top, #a5a5a1), linear-gradient(to top, #a5a5a1); }
paned.horizontal > separator {
background-repeat: repeat-y; }
paned.horizontal > separator:dir(ltr) {
@@ -4401,16 +4401,16 @@ paned.horizontal > separator {
padding: 0 0 0 8px;
background-position: right; }
paned.horizontal > separator.wide {
- border-top-style: none;
- border-bottom-style: none; }
+ background-repeat: repeat-y, repeat-y;
+ background-position: left, right; }
paned.vertical > separator {
margin: 0 0 -8px 0;
padding: 0 0 8px 0;
background-repeat: repeat-x;
background-position: top; }
paned.vertical > separator.wide {
- border-left-style: none;
- border-right-style: none; }
+ background-repeat: repeat-x, repeat-x;
+ background-position: bottom, top; }
/**************
* GtkInfoBar *
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]