Adwaita: vertical spinbutton rtl fix

This commit is contained in:
Lapo Calamandrei 2014-07-22 20:26:43 +02:00
parent 8a01e90608
commit 99f72ac474
3 changed files with 31 additions and 31 deletions

View File

@ -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; //

View File

@ -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; }

View File

@ -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; }