HC: shade spinbuttons as entries
https://bugzilla.gnome.org/show_bug.cgi?id=746491
This commit is contained in:
@ -629,12 +629,12 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the
|
|||||||
|
|
||||||
.spinbutton {
|
.spinbutton {
|
||||||
.button {
|
.button {
|
||||||
|
@include entry(normal);
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border-width: 0 0 0 1px;
|
border-width: 0 0 0 1px;
|
||||||
border-color: transparentize($borders_color,0.7);
|
border-color: transparentize($borders_color,0.7);
|
||||||
color: mix($fg_color,$base_color,95%);
|
color: mix($fg_color,$base_color,95%);
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
box-shadow: none;
|
|
||||||
// padding-left: 6px;
|
// padding-left: 6px;
|
||||||
// padding-right: 6px;
|
// padding-right: 6px;
|
||||||
&:dir(rtl) { border-width: 0 1px 0 0; }
|
&: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);
|
background-color: transparentize(black,0.95);
|
||||||
}
|
}
|
||||||
&:insensitive {
|
&:insensitive {
|
||||||
|
box-shadow: none;
|
||||||
color: transparentize($insensitive_fg_color,0.7);
|
color: transparentize($insensitive_fg_color,0.7);
|
||||||
}
|
}
|
||||||
&:active {
|
&:active {
|
||||||
@ -651,9 +652,11 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the
|
|||||||
}
|
}
|
||||||
&:backdrop {
|
&:backdrop {
|
||||||
border-color: transparentize($backdrop_borders_color,0.7);
|
border-color: transparentize($backdrop_borders_color,0.7);
|
||||||
|
background-color: $bg_color;
|
||||||
|
box-shadow: none;
|
||||||
}
|
}
|
||||||
&:backdrop:insensitive {
|
&:backdrop:insensitive {
|
||||||
background-image: none;
|
box-shadow: none;
|
||||||
color: transparentize($insensitive_fg_color,0.7);
|
color: transparentize($insensitive_fg_color,0.7);
|
||||||
border-width: 0 0 0 1px; // It is needed or it gets overridden
|
border-width: 0 0 0 1px; // It is needed or it gets overridden
|
||||||
&:dir(rtl) { border-width: 0 1px 0 0; }
|
&:dir(rtl) { border-width: 0 1px 0 0; }
|
||||||
|
|||||||
@ -831,26 +831,34 @@ GtkColorButton.button {
|
|||||||
* }
|
* }
|
||||||
*/ }
|
*/ }
|
||||||
.spinbutton .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;
|
background-image: none;
|
||||||
border-width: 0 0 0 1px;
|
border-width: 0 0 0 1px;
|
||||||
border-color: rgba(127, 127, 127, 0.3);
|
border-color: rgba(127, 127, 127, 0.3);
|
||||||
color: #0c0c0c;
|
color: #0c0c0c;
|
||||||
border-radius: 0;
|
border-radius: 0; }
|
||||||
box-shadow: none; }
|
|
||||||
.spinbutton .button:dir(rtl) {
|
.spinbutton .button:dir(rtl) {
|
||||||
border-width: 0 1px 0 0; }
|
border-width: 0 1px 0 0; }
|
||||||
.spinbutton .button:hover {
|
.spinbutton .button:hover {
|
||||||
color: #000;
|
color: #000;
|
||||||
background-color: rgba(0, 0, 0, 0.05); }
|
background-color: rgba(0, 0, 0, 0.05); }
|
||||||
.spinbutton .button:insensitive {
|
.spinbutton .button:insensitive {
|
||||||
|
box-shadow: none;
|
||||||
color: rgba(127, 127, 127, 0.3); }
|
color: rgba(127, 127, 127, 0.3); }
|
||||||
.spinbutton .button:active {
|
.spinbutton .button:active {
|
||||||
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
|
box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.2);
|
||||||
background-color: rgba(0, 0, 0, 0.1); }
|
background-color: rgba(0, 0, 0, 0.1); }
|
||||||
.spinbutton .button:backdrop {
|
.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 {
|
.spinbutton .button:backdrop:insensitive {
|
||||||
background-image: none;
|
box-shadow: none;
|
||||||
color: rgba(127, 127, 127, 0.3);
|
color: rgba(127, 127, 127, 0.3);
|
||||||
border-width: 0 0 0 1px; }
|
border-width: 0 0 0 1px; }
|
||||||
.spinbutton .button:backdrop:insensitive:dir(rtl) {
|
.spinbutton .button:backdrop:insensitive:dir(rtl) {
|
||||||
|
|||||||
Reference in New Issue
Block a user