AuroraMiddleware/gtk
1
0
Fork 1
mirror of https://gitlab.gnome.org/GNOME/gtk.git synced 2024-11-19 01:40:10 +00:00
Code Issues Projects Releases Wiki Activity

Adwaita: hover state for horizontal spinbuttons

Browse Source
This commit is contained in:
Jakub Steiner 2014-06-18 19:40:11 +02:00
parent 462f86d301
commit 51417f98d1
3 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
gtk/resources/theme/Adwaita/_common.scss
View File

@ -393,16 +393,22 @@ GtkColorButton.button { padding: 4px; } // Uniform padding on the GtkColorButton
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%);
border-radius: 0; border-radius: 0;
box-shadow: none; 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; }
&:hover {
color: $fg_color;
background-color: transparentize(black,0.95);
}
&:insensitive { &:insensitive {
color: transparentize($insensitive_fg_color,0.7); color: transparentize($insensitive_fg_color,0.7);
} }
&:active { &:active {
box-shadow: inset 0 2px 3px -1px transparentize(black,0.8); box-shadow: inset 0 2px 3px -1px transparentize(black,0.8);
background-color: transparentize(black,0.9);
} }
&:backdrop { &:backdrop {
border-color: transparentize($backdrop_borders_color,0.7); border-color: transparentize($backdrop_borders_color,0.7);

7
gtk/resources/theme/Adwaita/gtk-contained-dark.css
View File

@ -499,14 +499,19 @@ GtkColorButton.button {
background-image: none; background-image: none;
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
border-color: rgba(28, 31, 31, 0.3); border-color: rgba(28, 31, 31, 0.3);
color: #e4e4e2;
border-radius: 0; border-radius: 0;
box-shadow: none; } 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 {
color: #eeeeec;
background-color: rgba(0, 0, 0, 0.05); }
.spinbutton .button:insensitive { .spinbutton .button:insensitive {
color: rgba(147, 150, 149, 0.3); } color: rgba(147, 150, 149, 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); }
.spinbutton .button:backdrop { .spinbutton .button:backdrop {
border-color: rgba(30, 34, 34, 0.3); } border-color: rgba(30, 34, 34, 0.3); }
.spinbutton .button:backdrop:insensitive { .spinbutton .button:backdrop:insensitive {

7
gtk/resources/theme/Adwaita/gtk-contained.css
View File

@ -499,14 +499,19 @@ GtkColorButton.button {
background-image: none; background-image: none;
border-width: 0 0 0 1px; border-width: 0 0 0 1px;
border-color: rgba(161, 161, 161, 0.3); border-color: rgba(161, 161, 161, 0.3);
color: #383e40;
border-radius: 0; border-radius: 0;
box-shadow: none; } 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 {
color: #2e3436;
background-color: rgba(0, 0, 0, 0.05); }
.spinbutton .button:insensitive { .spinbutton .button:insensitive {
color: rgba(141, 144, 145, 0.3); } color: rgba(141, 144, 145, 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); }
.spinbutton .button:backdrop { .spinbutton .button:backdrop {
border-color: rgba(168, 168, 168, 0.3); } border-color: rgba(168, 168, 168, 0.3); }
.spinbutton .button:backdrop:insensitive { .spinbutton .button:backdrop:insensitive {