1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00

tweak check, radio and modelbuttons

This commit is contained in:
Horst3180 2016-03-10 16:22:00 +01:00
parent bd69550f5e
commit 699573a3c7
7 changed files with 50 additions and 21 deletions

View File

@ -676,10 +676,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat { modelbutton.flat {
transition: none; transition: none;
min-height: 22px; min-height: 24px;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
outline-offset: -2px; outline-offset: -3px;
border-radius: 2px; } border-radius: 2px; }
menuitem.button.flat:hover, menuitem.button.flat:hover,
modelbutton.flat:hover { modelbutton.flat:hover {
@ -1901,8 +1901,12 @@ infobar radio:checked:disabled {
background-color: transparent; } background-color: transparent; }
checkbutton.text-button, radiobutton.text-button { checkbutton.text-button, radiobutton.text-button {
padding: 1px 2px 4px; padding: 2px 0;
outline-offset: 0; } outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
margin-left: 4px; }
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
margin-right: 4px; }
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }

View File

@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat { modelbutton.flat {
transition: none; transition: none;
min-height: 22px; min-height: 24px;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
outline-offset: -2px; outline-offset: -3px;
border-radius: 2px; } border-radius: 2px; }
menuitem.button.flat:hover, menuitem.button.flat:hover,
modelbutton.flat:hover { modelbutton.flat:hover {
@ -1900,8 +1900,12 @@ infobar radio:checked:disabled {
background-color: transparent; } background-color: transparent; }
checkbutton.text-button, radiobutton.text-button { checkbutton.text-button, radiobutton.text-button {
padding: 1px 2px 4px; padding: 2px 0;
outline-offset: 0; } outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
margin-left: 4px; }
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
margin-right: 4px; }
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }

View File

@ -676,10 +676,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat { modelbutton.flat {
transition: none; transition: none;
min-height: 22px; min-height: 24px;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
outline-offset: -2px; outline-offset: -3px;
border-radius: 2px; } border-radius: 2px; }
menuitem.button.flat:hover, menuitem.button.flat:hover,
modelbutton.flat:hover { modelbutton.flat:hover {
@ -1901,8 +1901,12 @@ infobar radio:checked:disabled {
background-color: transparent; } background-color: transparent; }
checkbutton.text-button, radiobutton.text-button { checkbutton.text-button, radiobutton.text-button {
padding: 1px 2px 4px; padding: 2px 0;
outline-offset: 0; } outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
margin-left: 4px; }
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
margin-right: 4px; }
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }

View File

@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat { modelbutton.flat {
transition: none; transition: none;
min-height: 22px; min-height: 24px;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
outline-offset: -2px; outline-offset: -3px;
border-radius: 2px; } border-radius: 2px; }
menuitem.button.flat:hover, menuitem.button.flat:hover,
modelbutton.flat:hover { modelbutton.flat:hover {
@ -1900,8 +1900,12 @@ infobar radio:checked:disabled {
background-color: transparent; } background-color: transparent; }
checkbutton.text-button, radiobutton.text-button { checkbutton.text-button, radiobutton.text-button {
padding: 1px 2px 4px; padding: 2px 0;
outline-offset: 0; } outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
margin-left: 4px; }
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
margin-right: 4px; }
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }

View File

@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat { modelbutton.flat {
transition: none; transition: none;
min-height: 22px; min-height: 24px;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
outline-offset: -2px; outline-offset: -3px;
border-radius: 2px; } border-radius: 2px; }
menuitem.button.flat:hover, menuitem.button.flat:hover,
modelbutton.flat:hover { modelbutton.flat:hover {
@ -1904,8 +1904,12 @@ infobar radio:checked:disabled {
background-color: transparent; } background-color: transparent; }
checkbutton.text-button, radiobutton.text-button { checkbutton.text-button, radiobutton.text-button {
padding: 1px 2px 4px; padding: 2px 0;
outline-offset: 0; } outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
margin-left: 4px; }
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
margin-right: 4px; }
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }

View File

@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat { modelbutton.flat {
transition: none; transition: none;
min-height: 22px; min-height: 24px;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
outline-offset: -2px; outline-offset: -3px;
border-radius: 2px; } border-radius: 2px; }
menuitem.button.flat:hover, menuitem.button.flat:hover,
modelbutton.flat:hover { modelbutton.flat:hover {
@ -1904,8 +1904,12 @@ infobar radio:checked:disabled {
background-color: transparent; } background-color: transparent; }
checkbutton.text-button, radiobutton.text-button { checkbutton.text-button, radiobutton.text-button {
padding: 1px 2px 4px; padding: 2px 0;
outline-offset: 0; } outline-offset: 0; }
checkbutton.text-button label:not(:only-child):first-child, radiobutton.text-button label:not(:only-child):first-child {
margin-left: 4px; }
checkbutton.text-button label:not(:only-child):last-child, radiobutton.text-button label:not(:only-child):last-child {
margin-right: 4px; }
checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate { checkbutton.text-button:disabled, checkbutton.text-button:disabled:active, checkbutton.text-button:disabled:indeterminate, radiobutton.text-button:disabled, radiobutton.text-button:disabled:active, radiobutton.text-button:disabled:indeterminate {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }

View File

@ -662,10 +662,10 @@ toolbar.inline-toolbar toolbutton {
menuitem.button.flat, menuitem.button.flat,
modelbutton.flat { modelbutton.flat {
transition: none; transition: none;
min-height: 22px; min-height: 24px;
padding-left: 8px; padding-left: 8px;
padding-right: 8px; padding-right: 8px;
outline-offset: -2px; outline-offset: -3px;
border-radius: 2px; border-radius: 2px;
@extend %undecorated_button; @extend %undecorated_button;
@ -1947,9 +1947,14 @@ switch {
checkbutton, radiobutton { checkbutton, radiobutton {
// this is for a nice focus on check and radios text // this is for a nice focus on check and radios text
&.text-button { &.text-button {
padding: 1px 2px 4px; padding: 2px 0;
outline-offset: 0; outline-offset: 0;
label:not(:only-child) {
&:first-child { margin-left: 4px; }
&:last-child { margin-right: 4px; }
}
&:disabled, &:disabled,
&:disabled:active, &:disabled:active,
&:disabled:indeterminate { &:disabled:indeterminate {