fix spinbuttons

pull/463/head
Horst3180 8 years ago
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…
Cancel
Save