win32 theme: Implement horizontal spinbuttons

This commit is contained in:
Benjamin Otte 2016-03-02 07:51:54 +01:00
parent 222c43fc60
commit 8e3bc96d78

View File

@ -711,54 +711,79 @@ entry.flat:disabled {
color: -gtk-win32-color(edit, graytext); color: -gtk-win32-color(edit, graytext);
} }
/* Spibuttons */ /* Spinbutton (horizontal) */
spinbutton button, spinbutton.horizontal {
spinbutton button:focus { padding: 2px 1px;
background-color: transparent; background-image: -gtk-win32-theme-part(edit, 1, 1);
background-image: -gtk-win32-theme-part(spin, 2, 1, margins(0 -1 -1 -1));
color: rgba(0, 0, 0, 0);
} }
spinbutton button:last-child, spinbutton.horizontal:focus {
spinbutton button:focus:last-child { background-image: -gtk-win32-theme-part(edit, 1, 3);
background-image: -gtk-win32-theme-part(spin, 1, 1, margins(-1 -1 0 -1));
} }
spinbutton button:hover, spinbutton.horizontal:disabled {
spinbutton button:hover:focus { background-image: -gtk-win32-theme-part(edit, 1, 4);
background-image: -gtk-win32-theme-part(spin, 2, 2, margins(0 -1 -1 -1));
} }
spinbutton button:hover:last-child, spinbutton.horizontal entry {
spinbutton button:hover:focus:last-child { all: unset;
background-image: -gtk-win32-theme-part(spin, 1, 2, margins(-1 -1 0 -1)); padding: 0px calc(1em/3);
} }
spinbutton.horizontal button {
spinbutton button:active, all: unset;
spinbutton button:active:hover, color: transparent;
spinbutton button:active:focus, min-width: 15px;
spinbutton button:active:hover:focus { min-height: 9px;
background-image: -gtk-win32-theme-part(spin, 2, 3, margins(0 -1 -1 -1)); background-size: 15px 9px;
background-repeat: no-repeat;
} }
spinbutton button:active:last-child, spinbutton.horizontal button.down {
spinbutton button:active:hover:last-child, background-image: -gtk-win32-theme-part(spin, 2, 1);
spinbutton button:active:focus:last-child, background-position: top center;
spinbutton button:active:hover:focus:last-child { padding-left: 1px;
background-image: -gtk-win32-theme-part(spin, 1, 3, margins(-1 -1 0 -1)); margin-left: -1px;
margin-top: 8px;
margin-bottom: -8px;
margin-right: -1px;
} }
spinbutton button:disabled { spinbutton.horizontal button.up {
background-image: -gtk-win32-theme-part(spin, 2, 4, margins(0 -1 -1 -1)); background-image: -gtk-win32-theme-part(spin, 1, 1);
background-position: bottom center;
margin-top: -8px;
margin-bottom: 8px;
margin-left: -16px;
margin-right: -1px;
} }
spinbutton button:disabled:last-child { spinbutton.horizontal button.down:hover {
background-image: -gtk-win32-theme-part(spin, 1, 4, margins(-1 -1 0 -1)); background-image: -gtk-win32-theme-part(spin, 2, 2);
} }
spinbutton.horizontal button.up:hover {
background-image: -gtk-win32-theme-part(spin, 1, 2);
}
spinbutton.horizontal button.down:active {
background-image: -gtk-win32-theme-part(spin, 2, 3);
}
spinbutton.horizontal button.up:active {
background-image: -gtk-win32-theme-part(spin, 1, 3);
}
spinbutton.horizontal button.down:disabled {
background-image: -gtk-win32-theme-part(spin, 2, 4);
}
spinbutton.horizontal button.up:disabled {
background-image: -gtk-win32-theme-part(spin, 1, 4);
}
/* Spinbutton (vertical) */
spinbutton.vertical button, spinbutton.vertical button,
spinbutton.vertical button:focus { spinbutton.vertical button:focus {