[gtk+] Adwaita: vertical spinbutton rtl fix

From: Lapo Calamandrei <lapo src gnome org>
To: commits-list gnome org
Cc:
Subject: [gtk+] Adwaita: vertical spinbutton rtl fix
Date: Tue, 22 Jul 2014 18:27:16 +0000 (UTC)
commit 99f72ac4740c26d038b848cc14489dab22b0cc11
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Tue Jul 22 20:26:43 2014 +0200

    Adwaita: vertical spinbutton rtl fix

 gtk/resources/theme/Adwaita/_common.scss           |    2 +-
 gtk/resources/theme/Adwaita/gtk-contained-dark.css |   30 ++++++++++----------
 gtk/resources/theme/Adwaita/gtk-contained.css      |   30 ++++++++++----------
 3 files changed, 31 insertions(+), 31 deletions(-)
---
diff --git a/gtk/resources/theme/Adwaita/_common.scss b/gtk/resources/theme/Adwaita/_common.scss
index 975bba1..2a22c1c 100644
--- a/gtk/resources/theme/Adwaita/_common.scss
+++ b/gtk/resources/theme/Adwaita/_common.scss
@@ -623,7 +623,7 @@ GtkColorButton.button {
       &:dir(rtl) { border-width: 0 1px 0 0; }
     }
   }
-  &.vertical {
+  &.vertical, &.vertical:dir(rtl) {
     .button {
       padding-top: 8px;    //  Same vertical padding as image-buttons
       padding-bottom: 8px; //
diff --git a/gtk/resources/theme/Adwaita/gtk-contained-dark.css 
b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
index a3d891d..34dc400 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained-dark.css
@@ -713,10 +713,10 @@ GtkColorButton.button {
       border-width: 0 0 0 1px; }
       .spinbutton .button:backdrop:insensitive:dir(rtl) {
         border-width: 0 1px 0 0; }
-  .spinbutton.vertical .button {
+  .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button {
     padding-top: 8px;
     padding-bottom: 8px; }
-    .spinbutton.vertical .button:first-child {
+    .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child {
       border-style: solid;
       border-width: 1px;
       color: #eeeeec;
@@ -725,7 +725,7 @@ GtkColorButton.button {
       text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
       icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
-      .spinbutton.vertical .button:first-child:active {
+      .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) 
.button:first-child:active {
         border-style: solid;
         color: #eeeeec;
         border-color: #1c1f1f;
@@ -733,7 +733,7 @@ GtkColorButton.button {
         text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
         icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
         box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
-      .spinbutton.vertical .button:first-child:hover {
+      .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) 
.button:first-child:hover {
         border-style: solid;
         color: #eeeeec;
         border-color: #1c1f1f;
@@ -741,7 +741,7 @@ GtkColorButton.button {
         text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
         icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); }
-      .spinbutton.vertical .button:first-child:insensitive {
+      .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) 
.button:first-child:insensitive {
         border-style: solid;
         color: #939695;
         border-color: #1c1f1f;
@@ -749,7 +749,7 @@ GtkColorButton.button {
         text-shadow: none;
         icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      .spinbutton.vertical .button:first-child:backdrop {
+      .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) 
.button:first-child:backdrop {
         border-style: solid;
         color: #c9cbc9;
         border-color: #1e2222;
@@ -757,7 +757,7 @@ GtkColorButton.button {
         text-shadow: none;
         icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
-    .spinbutton.vertical .button:last-child {
+    .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child {
       border-style: solid;
       border-width: 1px;
       color: #eeeeec;
@@ -766,7 +766,7 @@ GtkColorButton.button {
       text-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
       icon-shadow: 0 -1px rgba(0, 0, 0, 0.81176);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
-      .spinbutton.vertical .button:last-child:active {
+      .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) 
.button:last-child:active {
         border-style: solid;
         color: #eeeeec;
         border-color: #1c1f1f;
@@ -774,7 +774,7 @@ GtkColorButton.button {
         text-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
         icon-shadow: 0 -1px rgba(0, 0, 0, 0.89176);
         box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px rgba(238, 238, 236, 0.1); }
-      .spinbutton.vertical .button:last-child:hover {
+      .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
         border-style: solid;
         color: #eeeeec;
         border-color: #1c1f1f;
@@ -782,7 +782,7 @@ GtkColorButton.button {
         text-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
         icon-shadow: 0 -1px rgba(0, 0, 0, 0.77976);
         box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px rgba(238, 238, 236, 0.1); }
-      .spinbutton.vertical .button:last-child:insensitive {
+      .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) 
.button:last-child:insensitive {
         border-style: solid;
         color: #939695;
         border-color: #1c1f1f;
@@ -790,7 +790,7 @@ GtkColorButton.button {
         text-shadow: none;
         icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(238, 238, 236, 0.1); }
-      .spinbutton.vertical .button:last-child:backdrop {
+      .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) 
.button:last-child:backdrop {
         border-style: solid;
         color: #c9cbc9;
         border-color: #1e2222;
@@ -798,20 +798,20 @@ GtkColorButton.button {
         text-shadow: none;
         icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
-    .spinbutton.vertical .button:backdrop:insensitive {
+    .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) 
.button:backdrop:insensitive {
       border-style: solid;
       color: #454c4c;
       border-color: #1e2222;
       background-image: linear-gradient(to bottom, #323636);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
-  .spinbutton.vertical.entry {
+  .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry {
     border-radius: 0;
     padding-left: 3px;
     padding-right: 3px; }
-  .spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active, 
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, 
.spinbutton.vertical .button:first-child:backdrop {
+  .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, 
.spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, 
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, 
.spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) 
.button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, 
.spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) 
.button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) 
.button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, 
.spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
     border-radius: 3px 3px 0 0;
     border-bottom-width: 0; }
-  .spinbutton.vertical .button:last-child, .spinbutton.vertical .button:last-child:active, 
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, 
.spinbutton.vertical .button:last-child:backdrop {
+  .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, 
.spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, 
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, 
.spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) 
.button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, 
.spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, 
.spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) 
.button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, 
.spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
     border-radius: 0 0 3px 3px;
     border-top-width: 0; }
 
diff --git a/gtk/resources/theme/Adwaita/gtk-contained.css b/gtk/resources/theme/Adwaita/gtk-contained.css
index 96e8a71..b178998 100644
--- a/gtk/resources/theme/Adwaita/gtk-contained.css
+++ b/gtk/resources/theme/Adwaita/gtk-contained.css
@@ -705,10 +705,10 @@ GtkColorButton.button {
       border-width: 0 0 0 1px; }
       .spinbutton .button:backdrop:insensitive:dir(rtl) {
         border-width: 0 1px 0 0; }
-  .spinbutton.vertical .button {
+  .spinbutton.vertical .button, .spinbutton.vertical:dir(rtl) .button {
     padding-top: 8px;
     padding-bottom: 8px; }
-    .spinbutton.vertical .button:first-child {
+    .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child {
       border-style: solid;
       border-width: 1px;
       color: #2e3436;
@@ -717,7 +717,7 @@ GtkColorButton.button {
       text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       box-shadow: inset 0 1px white; }
-      .spinbutton.vertical .button:first-child:active {
+      .spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) 
.button:first-child:active {
         border-style: solid;
         color: #2e3436;
         border-color: #a1a1a1;
@@ -725,7 +725,7 @@ GtkColorButton.button {
         text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
         icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
         box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6); }
-      .spinbutton.vertical .button:first-child:hover {
+      .spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) 
.button:first-child:hover {
         border-style: solid;
         color: #2e3436;
         border-color: #a1a1a1;
@@ -733,7 +733,7 @@ GtkColorButton.button {
         text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
         icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
         box-shadow: inset 0 1px white; }
-      .spinbutton.vertical .button:first-child:insensitive {
+      .spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) 
.button:first-child:insensitive {
         border-style: solid;
         color: #8d9091;
         border-color: #a1a1a1;
@@ -741,7 +741,7 @@ GtkColorButton.button {
         text-shadow: none;
         icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
-      .spinbutton.vertical .button:first-child:backdrop {
+      .spinbutton.vertical .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) 
.button:first-child:backdrop {
         border-style: solid;
         color: #54595a;
         border-color: #a8a8a8;
@@ -749,7 +749,7 @@ GtkColorButton.button {
         text-shadow: none;
         icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
-    .spinbutton.vertical .button:last-child {
+    .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child {
       border-style: solid;
       border-width: 1px;
       color: #2e3436;
@@ -758,7 +758,7 @@ GtkColorButton.button {
       text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
       box-shadow: inset 0 1px white, 0 1px white; }
-      .spinbutton.vertical .button:last-child:active {
+      .spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) 
.button:last-child:active {
         border-style: solid;
         color: #2e3436;
         border-color: #a1a1a1;
@@ -766,7 +766,7 @@ GtkColorButton.button {
         text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
         icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
         box-shadow: inset 0 2px 1px -2px rgba(0, 0, 0, 0.6), 0 1px white; }
-      .spinbutton.vertical .button:last-child:hover {
+      .spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover {
         border-style: solid;
         color: #2e3436;
         border-color: #a1a1a1;
@@ -774,7 +774,7 @@ GtkColorButton.button {
         text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
         icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
         box-shadow: inset 0 1px white, 0 1px white; }
-      .spinbutton.vertical .button:last-child:insensitive {
+      .spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) 
.button:last-child:insensitive {
         border-style: solid;
         color: #8d9091;
         border-color: #a1a1a1;
@@ -782,7 +782,7 @@ GtkColorButton.button {
         text-shadow: none;
         icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px white; }
-      .spinbutton.vertical .button:last-child:backdrop {
+      .spinbutton.vertical .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) 
.button:last-child:backdrop {
         border-style: solid;
         color: #54595a;
         border-color: #a8a8a8;
@@ -790,20 +790,20 @@ GtkColorButton.button {
         text-shadow: none;
         icon-shadow: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
-    .spinbutton.vertical .button:backdrop:insensitive {
+    .spinbutton.vertical .button:backdrop:insensitive, .spinbutton.vertical:dir(rtl) 
.button:backdrop:insensitive {
       border-style: solid;
       color: #c7c7c7;
       border-color: #a8a8a8;
       background-image: linear-gradient(to bottom, #f4f4f4);
       box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); }
-  .spinbutton.vertical.entry {
+  .spinbutton.vertical.entry, .spinbutton.vertical:dir(rtl).entry {
     border-radius: 0;
     padding-left: 3px;
     padding-right: 3px; }
-  .spinbutton.vertical .button:first-child, .spinbutton.vertical .button:first-child:active, 
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical .button:first-child:insensitive, 
.spinbutton.vertical .button:first-child:backdrop {
+  .spinbutton.vertical .button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child, 
.spinbutton.vertical .button:first-child:active, .spinbutton.vertical:dir(rtl) .button:first-child:active, 
.spinbutton.vertical .button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:hover, 
.spinbutton.vertical .button:first-child:insensitive, .spinbutton.vertical:dir(rtl) 
.button:first-child:insensitive, .spinbutton.vertical .button:first-child:backdrop, 
.spinbutton.vertical:dir(rtl) .button:first-child:backdrop, .spinbutton.vertical:dir(rtl) 
.button:first-child, .spinbutton.vertical:dir(rtl) .button:first-child:active, .spinbutton.vertical:dir(rtl) 
.button:first-child:hover, .spinbutton.vertical:dir(rtl) .button:first-child:insensitive, 
.spinbutton.vertical:dir(rtl) .button:first-child:backdrop {
     border-radius: 3px 3px 0 0;
     border-bottom-width: 0; }
-  .spinbutton.vertical .button:last-child, .spinbutton.vertical .button:last-child:active, 
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical .button:last-child:insensitive, 
.spinbutton.vertical .button:last-child:backdrop {
+  .spinbutton.vertical .button:last-child, .spinbutton.vertical:dir(rtl) .button:last-child, 
.spinbutton.vertical .button:last-child:active, .spinbutton.vertical:dir(rtl) .button:last-child:active, 
.spinbutton.vertical .button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:hover, 
.spinbutton.vertical .button:last-child:insensitive, .spinbutton.vertical:dir(rtl) 
.button:last-child:insensitive, .spinbutton.vertical .button:last-child:backdrop, 
.spinbutton.vertical:dir(rtl) .button:last-child:backdrop, .spinbutton.vertical:dir(rtl) .button:last-child, 
.spinbutton.vertical:dir(rtl) .button:last-child:active, .spinbutton.vertical:dir(rtl) 
.button:last-child:hover, .spinbutton.vertical:dir(rtl) .button:last-child:insensitive, 
.spinbutton.vertical:dir(rtl) .button:last-child:backdrop {
     border-radius: 0 0 3px 3px;
     border-top-width: 0; }
[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]