HC: shade spinbuttons as entries

https://bugzilla.gnome.org/show_bug.cgi?id=746491
This commit is contained in:
Jakub Steiner 2015-08-01 02:21:30 +02:00
parent b048181157
commit 9dd2645c4a
2 changed files with 17 additions and 6 deletions

View File

@ -629,12 +629,12 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the
.spinbutton {
.button {
@include entry(normal);
background-image: none;
border-width: 0 0 0 1px;
border-color: transparentize($borders_color,0.7);
color: mix($fg_color,$base_color,95%);
border-radius: 0;
box-shadow: none;
// padding-left: 6px;
// padding-right: 6px;
&:dir(rtl) { border-width: 0 1px 0 0; }
@ -643,6 +643,7 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the
background-color: transparentize(black,0.95);
}
&:insensitive {
box-shadow: none;
color: transparentize($insensitive_fg_color,0.7);
}
&:active {
@ -651,9 +652,11 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the
}
&:backdrop {
border-color: transparentize($backdrop_borders_color,0.7);
background-color: $bg_color;
box-shadow: none;
}
&:backdrop:insensitive {
background-image: none;
box-shadow: none;
color: transparentize($insensitive_fg_color,0.7);
border-width: 0 0 0 1px; // It is needed or it gets overridden
&:dir(rtl) { border-width: 0 1px 0 0; }

View File

@ -831,26 +831,34 @@ GtkColorButton.button {
* }
*/ }
.spinbutton .button {
background-color: transparent;
border-style: solid;
border-width: 1px;
background-image: linear-gradient(to bottom, #f7f7f7, #fff 90%);
border-color: #7f7f7f;
box-shadow: inset 0 2px 2px -2px #7f7f7f;
background-image: none;
border-width: 0 0 0 1px;
border-color: rgba(127, 127, 127, 0.3);
color: #0c0c0c;
border-radius: 0;
box-shadow: none; }
border-radius: 0; }
.spinbutton .button:dir(rtl) {
border-width: 0 1px 0 0; }
.spinbutton .button:hover {
color: #000;
background-color: rgba(0, 0, 0, 0.05); }
.spinbutton .button:insensitive {
box-shadow: none;
color: rgba(127, 127, 127, 0.3); }
.spinbutton .button:active {
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.1); }
.spinbutton .button:backdrop {
border-color: rgba(139, 139, 139, 0.3); }
border-color: rgba(139, 139, 139, 0.3);
background-color: #fff;
box-shadow: none; }
.spinbutton .button:backdrop:insensitive {
background-image: none;
box-shadow: none;
color: rgba(127, 127, 127, 0.3);
border-width: 0 0 0 1px; }
.spinbutton .button:backdrop:insensitive:dir(rtl) {