Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

fix spinbuttons

Browse Source
This commit is contained in:
Horst3180 2016-03-02 12:41:43 +01:00
parent 3b607e4f51
commit d271e75c97
7 changed files with 50 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
common/gtk-3.0/3.20/gtk-dark.css
View File

@ -739,10 +739,9 @@ spinbutton button:active {
spinbutton:disabled { spinbutton:disabled {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical):dir(ltr) entry,
padding-top: 0; spinbutton:not(.vertical):dir(rtl) button.up {
padding-bottom: 0; border-radius: 3px 0 0 3px; }
min-height: 0; }
spinbutton:not(.vertical) > button + button { spinbutton:not(.vertical) > button + button {
border-left-style: none; } border-left-style: none; }
@ -752,6 +751,7 @@ spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #2b2e39; } box-shadow: inset 1px 0 #2b2e39; }
spinbutton:not(.vertical) > button:first-child:hover:not(:active), 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 { spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; } box-shadow: none; }
@ -763,6 +763,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
padding-right: 4px; padding-right: 4px;
min-width: 0; } min-width: 0; }
spinbutton.vertical button.up {
border-radius: 3px 3px 0 0; }
spinbutton.vertical > entry:focus + button { spinbutton.vertical > entry:focus + button {
border-top-color: #2b2e39; } border-top-color: #2b2e39; }

11
common/gtk-3.0/3.20/gtk-darker.css
View File

@ -738,10 +738,9 @@ spinbutton button:active {
spinbutton:disabled { spinbutton:disabled {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical):dir(ltr) entry,
padding-top: 0; spinbutton:not(.vertical):dir(rtl) button.up {
padding-bottom: 0; border-radius: 3px 0 0 3px; }
min-height: 0; }
spinbutton:not(.vertical) > button + button { spinbutton:not(.vertical) > button + button {
border-left-style: none; } border-left-style: none; }
@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; } box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:first-child:hover:not(:active), 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 { spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; } box-shadow: none; }
@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
padding-right: 4px; padding-right: 4px;
min-width: 0; } min-width: 0; }
spinbutton.vertical button.up {
border-radius: 3px 3px 0 0; }
spinbutton.vertical > entry:focus + button { spinbutton.vertical > entry:focus + button {
border-top-color: #5294E2; } border-top-color: #5294E2; }

11
common/gtk-3.0/3.20/gtk-solid-dark.css
View File

@ -739,10 +739,9 @@ spinbutton button:active {
spinbutton:disabled { spinbutton:disabled {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical):dir(ltr) entry,
padding-top: 0; spinbutton:not(.vertical):dir(rtl) button.up {
padding-bottom: 0; border-radius: 3px 0 0 3px; }
min-height: 0; }
spinbutton:not(.vertical) > button + button { spinbutton:not(.vertical) > button + button {
border-left-style: none; } border-left-style: none; }
@ -752,6 +751,7 @@ spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #2b2e39; } box-shadow: inset 1px 0 #2b2e39; }
spinbutton:not(.vertical) > button:first-child:hover:not(:active), 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 { spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; } box-shadow: none; }
@ -763,6 +763,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
padding-right: 4px; padding-right: 4px;
min-width: 0; } min-width: 0; }
spinbutton.vertical button.up {
border-radius: 3px 3px 0 0; }
spinbutton.vertical > entry:focus + button { spinbutton.vertical > entry:focus + button {
border-top-color: #2b2e39; } border-top-color: #2b2e39; }

11
common/gtk-3.0/3.20/gtk-solid-darker.css
View File

@ -738,10 +738,9 @@ spinbutton button:active {
spinbutton:disabled { spinbutton:disabled {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical):dir(ltr) entry,
padding-top: 0; spinbutton:not(.vertical):dir(rtl) button.up {
padding-bottom: 0; border-radius: 3px 0 0 3px; }
min-height: 0; }
spinbutton:not(.vertical) > button + button { spinbutton:not(.vertical) > button + button {
border-left-style: none; } border-left-style: none; }
@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; } box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:first-child:hover:not(:active), 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 { spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; } box-shadow: none; }
@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
padding-right: 4px; padding-right: 4px;
min-width: 0; } min-width: 0; }
spinbutton.vertical button.up {
border-radius: 3px 3px 0 0; }
spinbutton.vertical > entry:focus + button { spinbutton.vertical > entry:focus + button {
border-top-color: #5294E2; } border-top-color: #5294E2; }

11
common/gtk-3.0/3.20/gtk-solid.css
View File

@ -738,10 +738,9 @@ spinbutton button:active {
spinbutton:disabled { spinbutton:disabled {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical):dir(ltr) entry,
padding-top: 0; spinbutton:not(.vertical):dir(rtl) button.up {
padding-bottom: 0; border-radius: 3px 0 0 3px; }
min-height: 0; }
spinbutton:not(.vertical) > button + button { spinbutton:not(.vertical) > button + button {
border-left-style: none; } border-left-style: none; }
@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; } box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:first-child:hover:not(:active), 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 { spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; } box-shadow: none; }
@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
padding-right: 4px; padding-right: 4px;
min-width: 0; } min-width: 0; }
spinbutton.vertical button.up {
border-radius: 3px 3px 0 0; }
spinbutton.vertical > entry:focus + button { spinbutton.vertical > entry:focus + button {
border-top-color: #5294E2; } border-top-color: #5294E2; }

11
common/gtk-3.0/3.20/gtk.css
View File

@ -738,10 +738,9 @@ spinbutton button:active {
spinbutton:disabled { spinbutton:disabled {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
spinbutton:not(.vertical) button, spinbutton:not(.vertical) entry { spinbutton:not(.vertical):dir(ltr) entry,
padding-top: 0; spinbutton:not(.vertical):dir(rtl) button.up {
padding-bottom: 0; border-radius: 3px 0 0 3px; }
min-height: 0; }
spinbutton:not(.vertical) > button + button { spinbutton:not(.vertical) > button + button {
border-left-style: none; } border-left-style: none; }
@ -751,6 +750,7 @@ spinbutton:not(.vertical) > button:hover + button {
box-shadow: inset 1px 0 #cfd6e6; } box-shadow: inset 1px 0 #cfd6e6; }
spinbutton:not(.vertical) > button:first-child:hover:not(:active), 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 { spinbutton:not(.vertical) > entry + button:not(:active):hover {
box-shadow: none; } box-shadow: none; }
@ -762,6 +762,9 @@ spinbutton.vertical button, spinbutton.vertical entry {
padding-right: 4px; padding-right: 4px;
min-width: 0; } min-width: 0; }
spinbutton.vertical button.up {
border-radius: 3px 3px 0 0; }
spinbutton.vertical > entry:focus + button { spinbutton.vertical > entry:focus + button {
border-top-color: #5294E2; } border-top-color: #5294E2; }

14
common/gtk-3.0/3.20/sass/_common.scss
View File

@ -743,19 +743,18 @@ spinbutton {
&:disabled { color: $insensitive_fg_color; } &:disabled { color: $insensitive_fg_color; }
&:not(.vertical) { &:not(.vertical) {
button, entry { button, entry { @extend %linked; }
padding-top: 0;
padding-bottom: 0; &:dir(ltr) entry,
min-height: 0; &:dir(rtl) button.up { border-radius: 3px 0 0 3px; }
@extend %linked;
}
> button + button { border-left-style: none; } > button + button { border-left-style: none; }
> button:hover:not(:active), > button:hover:not(:active),
> button:hover + button { box-shadow: inset 1px 0 $button_border; } > button:hover + button { box-shadow: inset 1px 0 $button_border; }
> button:first-child:hover:not(:active), > button:first-child:hover:not(:active),
> button.up:dir(rtl):hover:not(:active),
> entry + button:not(:active):hover { box-shadow: none; } > entry + button:not(:active):hover { box-shadow: none; }
> entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); } > entry:focus + button { border-left-color: if($variant=='light', $selected_bg_color, $entry_border); }
@ -768,6 +767,9 @@ spinbutton {
@extend %linked_vertical; @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); } > entry:focus + button { border-top-color: if($variant=='light', $selected_bg_color, $entry_border); }
} }
} }