mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
fix spinbuttons
This commit is contained in:
parent
3b607e4f51
commit
d271e75c97
@ -739,10 +739,9 @@ spinbutton button:active {
|
||||
spinbutton:disabled {
|
||||
color: rgba(211, 218, 227, 0.45); }
|
||||
|
||||
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
min-height: 0; }
|
||||
spinbutton:not(.vertical):dir(ltr) entry,
|
||||
spinbutton:not(.vertical):dir(rtl) button.up {
|
||||
border-radius: 3px 0 0 3px; }
|
||||
|
||||
spinbutton:not(.vertical) > button + button {
|
||||
border-left-style: none; }
|
||||
@ -752,6 +751,7 @@ spinbutton:not(.vertical) > button:hover + button {
|
||||
box-shadow: inset 1px 0 #2b2e39; }
|
||||
|
||||
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
|
||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
||||
box-shadow: none; }
|
||||
|
||||
@ -763,6 +763,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
|
||||
padding-right: 4px;
|
||||
min-width: 0; }
|
||||
|
||||
spinbutton.vertical button.up {
|
||||
border-radius: 3px 3px 0 0; }
|
||||
|
||||
spinbutton.vertical > entry:focus + button {
|
||||
border-top-color: #2b2e39; }
|
||||
|
||||
|
@ -738,10 +738,9 @@ spinbutton button:active {
|
||||
spinbutton:disabled {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
min-height: 0; }
|
||||
spinbutton:not(.vertical):dir(ltr) entry,
|
||||
spinbutton:not(.vertical):dir(rtl) button.up {
|
||||
border-radius: 3px 0 0 3px; }
|
||||
|
||||
spinbutton:not(.vertical) > button + button {
|
||||
border-left-style: none; }
|
||||
@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button {
|
||||
box-shadow: inset 1px 0 #cfd6e6; }
|
||||
|
||||
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
|
||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
||||
box-shadow: none; }
|
||||
|
||||
@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
|
||||
padding-right: 4px;
|
||||
min-width: 0; }
|
||||
|
||||
spinbutton.vertical button.up {
|
||||
border-radius: 3px 3px 0 0; }
|
||||
|
||||
spinbutton.vertical > entry:focus + button {
|
||||
border-top-color: #5294E2; }
|
||||
|
||||
|
@ -739,10 +739,9 @@ spinbutton button:active {
|
||||
spinbutton:disabled {
|
||||
color: rgba(211, 218, 227, 0.45); }
|
||||
|
||||
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
min-height: 0; }
|
||||
spinbutton:not(.vertical):dir(ltr) entry,
|
||||
spinbutton:not(.vertical):dir(rtl) button.up {
|
||||
border-radius: 3px 0 0 3px; }
|
||||
|
||||
spinbutton:not(.vertical) > button + button {
|
||||
border-left-style: none; }
|
||||
@ -752,6 +751,7 @@ spinbutton:not(.vertical) > button:hover + button {
|
||||
box-shadow: inset 1px 0 #2b2e39; }
|
||||
|
||||
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
|
||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
||||
box-shadow: none; }
|
||||
|
||||
@ -763,6 +763,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
|
||||
padding-right: 4px;
|
||||
min-width: 0; }
|
||||
|
||||
spinbutton.vertical button.up {
|
||||
border-radius: 3px 3px 0 0; }
|
||||
|
||||
spinbutton.vertical > entry:focus + button {
|
||||
border-top-color: #2b2e39; }
|
||||
|
||||
|
@ -738,10 +738,9 @@ spinbutton button:active {
|
||||
spinbutton:disabled {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
min-height: 0; }
|
||||
spinbutton:not(.vertical):dir(ltr) entry,
|
||||
spinbutton:not(.vertical):dir(rtl) button.up {
|
||||
border-radius: 3px 0 0 3px; }
|
||||
|
||||
spinbutton:not(.vertical) > button + button {
|
||||
border-left-style: none; }
|
||||
@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button {
|
||||
box-shadow: inset 1px 0 #cfd6e6; }
|
||||
|
||||
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
|
||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
||||
box-shadow: none; }
|
||||
|
||||
@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
|
||||
padding-right: 4px;
|
||||
min-width: 0; }
|
||||
|
||||
spinbutton.vertical button.up {
|
||||
border-radius: 3px 3px 0 0; }
|
||||
|
||||
spinbutton.vertical > entry:focus + button {
|
||||
border-top-color: #5294E2; }
|
||||
|
||||
|
@ -738,10 +738,9 @@ spinbutton button:active {
|
||||
spinbutton:disabled {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
min-height: 0; }
|
||||
spinbutton:not(.vertical):dir(ltr) entry,
|
||||
spinbutton:not(.vertical):dir(rtl) button.up {
|
||||
border-radius: 3px 0 0 3px; }
|
||||
|
||||
spinbutton:not(.vertical) > button + button {
|
||||
border-left-style: none; }
|
||||
@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button {
|
||||
box-shadow: inset 1px 0 #cfd6e6; }
|
||||
|
||||
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
|
||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
||||
box-shadow: none; }
|
||||
|
||||
@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
|
||||
padding-right: 4px;
|
||||
min-width: 0; }
|
||||
|
||||
spinbutton.vertical button.up {
|
||||
border-radius: 3px 3px 0 0; }
|
||||
|
||||
spinbutton.vertical > entry:focus + button {
|
||||
border-top-color: #5294E2; }
|
||||
|
||||
|
@ -738,10 +738,9 @@ spinbutton button:active {
|
||||
spinbutton:disabled {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
min-height: 0; }
|
||||
spinbutton:not(.vertical):dir(ltr) entry,
|
||||
spinbutton:not(.vertical):dir(rtl) button.up {
|
||||
border-radius: 3px 0 0 3px; }
|
||||
|
||||
spinbutton:not(.vertical) > button + button {
|
||||
border-left-style: none; }
|
||||
@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button {
|
||||
box-shadow: inset 1px 0 #cfd6e6; }
|
||||
|
||||
spinbutton:not(.vertical) > button:first-child:hover:not(:active),
|
||||
spinbutton:not(.vertical) > button.up:dir(rtl):hover:not(:active),
|
||||
spinbutton:not(.vertical) > entry + button:not(:active):hover {
|
||||
box-shadow: none; }
|
||||
|
||||
@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
|
||||
padding-right: 4px;
|
||||
min-width: 0; }
|
||||
|
||||
spinbutton.vertical button.up {
|
||||
border-radius: 3px 3px 0 0; }
|
||||
|
||||
spinbutton.vertical > entry:focus + button {
|
||||
border-top-color: #5294E2; }
|
||||
|
||||
|
@ -743,19 +743,18 @@ spinbutton {
|
||||
&:disabled { color: $insensitive_fg_color; }
|
||||
|
||||
&:not(.vertical) {
|
||||
button, entry {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
min-height: 0;
|
||||
button, entry { @extend %linked; }
|
||||
|
||||
&:dir(ltr) entry,
|
||||
&:dir(rtl) button.up { border-radius: 3px 0 0 3px; }
|
||||
|
||||
@extend %linked;
|
||||
}
|
||||
> button + button { border-left-style: none; }
|
||||
|
||||
> button:hover:not(:active),
|
||||
> button:hover + button { box-shadow: inset 1px 0 $button_border; }
|
||||
|
||||
> button:first-child:hover:not(:active),
|
||||
> button.up:dir(rtl):hover:not(:active),
|
||||
> entry + button:not(:active):hover { box-shadow: none; }
|
||||
|
||||
> entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); }
|
||||
@ -768,6 +767,9 @@ spinbutton {
|
||||
|
||||
@extend %linked_vertical;
|
||||
}
|
||||
|
||||
button.up { border-radius: 3px 3px 0 0; }
|
||||
|
||||
> entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); }
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user