forked from AuroraMiddleware/gtk
win32 theme: Implement horizontal spinbuttons
This commit is contained in:
parent
222c43fc60
commit
8e3bc96d78
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user