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:
parent
bd69550f5e
commit
699573a3c7
@ -676,10 +676,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat {
|
||||
transition: none;
|
||||
min-height: 22px;
|
||||
min-height: 24px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
outline-offset: -2px;
|
||||
outline-offset: -3px;
|
||||
border-radius: 2px; }
|
||||
menuitem.button.flat:hover,
|
||||
modelbutton.flat:hover {
|
||||
@ -1901,8 +1901,12 @@ infobar radio:checked:disabled {
|
||||
background-color: transparent; }
|
||||
|
||||
checkbutton.text-button, radiobutton.text-button {
|
||||
padding: 1px 2px 4px;
|
||||
padding: 2px 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 {
|
||||
color: rgba(211, 218, 227, 0.45); }
|
||||
|
||||
|
@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat {
|
||||
transition: none;
|
||||
min-height: 22px;
|
||||
min-height: 24px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
outline-offset: -2px;
|
||||
outline-offset: -3px;
|
||||
border-radius: 2px; }
|
||||
menuitem.button.flat:hover,
|
||||
modelbutton.flat:hover {
|
||||
@ -1900,8 +1900,12 @@ infobar radio:checked:disabled {
|
||||
background-color: transparent; }
|
||||
|
||||
checkbutton.text-button, radiobutton.text-button {
|
||||
padding: 1px 2px 4px;
|
||||
padding: 2px 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 {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
|
@ -676,10 +676,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat {
|
||||
transition: none;
|
||||
min-height: 22px;
|
||||
min-height: 24px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
outline-offset: -2px;
|
||||
outline-offset: -3px;
|
||||
border-radius: 2px; }
|
||||
menuitem.button.flat:hover,
|
||||
modelbutton.flat:hover {
|
||||
@ -1901,8 +1901,12 @@ infobar radio:checked:disabled {
|
||||
background-color: transparent; }
|
||||
|
||||
checkbutton.text-button, radiobutton.text-button {
|
||||
padding: 1px 2px 4px;
|
||||
padding: 2px 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 {
|
||||
color: rgba(211, 218, 227, 0.45); }
|
||||
|
||||
|
@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat {
|
||||
transition: none;
|
||||
min-height: 22px;
|
||||
min-height: 24px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
outline-offset: -2px;
|
||||
outline-offset: -3px;
|
||||
border-radius: 2px; }
|
||||
menuitem.button.flat:hover,
|
||||
modelbutton.flat:hover {
|
||||
@ -1900,8 +1900,12 @@ infobar radio:checked:disabled {
|
||||
background-color: transparent; }
|
||||
|
||||
checkbutton.text-button, radiobutton.text-button {
|
||||
padding: 1px 2px 4px;
|
||||
padding: 2px 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 {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
|
@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat {
|
||||
transition: none;
|
||||
min-height: 22px;
|
||||
min-height: 24px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
outline-offset: -2px;
|
||||
outline-offset: -3px;
|
||||
border-radius: 2px; }
|
||||
menuitem.button.flat:hover,
|
||||
modelbutton.flat:hover {
|
||||
@ -1904,8 +1904,12 @@ infobar radio:checked:disabled {
|
||||
background-color: transparent; }
|
||||
|
||||
checkbutton.text-button, radiobutton.text-button {
|
||||
padding: 1px 2px 4px;
|
||||
padding: 2px 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 {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
|
@ -675,10 +675,10 @@ modelbutton.flat, button:link, button:visited, button:link:hover, button:link:ac
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat {
|
||||
transition: none;
|
||||
min-height: 22px;
|
||||
min-height: 24px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
outline-offset: -2px;
|
||||
outline-offset: -3px;
|
||||
border-radius: 2px; }
|
||||
menuitem.button.flat:hover,
|
||||
modelbutton.flat:hover {
|
||||
@ -1904,8 +1904,12 @@ infobar radio:checked:disabled {
|
||||
background-color: transparent; }
|
||||
|
||||
checkbutton.text-button, radiobutton.text-button {
|
||||
padding: 1px 2px 4px;
|
||||
padding: 2px 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 {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
|
@ -662,10 +662,10 @@ toolbar.inline-toolbar toolbutton {
|
||||
menuitem.button.flat,
|
||||
modelbutton.flat {
|
||||
transition: none;
|
||||
min-height: 22px;
|
||||
min-height: 24px;
|
||||
padding-left: 8px;
|
||||
padding-right: 8px;
|
||||
outline-offset: -2px;
|
||||
outline-offset: -3px;
|
||||
border-radius: 2px;
|
||||
|
||||
@extend %undecorated_button;
|
||||
@ -1947,9 +1947,14 @@ switch {
|
||||
checkbutton, radiobutton {
|
||||
// this is for a nice focus on check and radios text
|
||||
&.text-button {
|
||||
padding: 1px 2px 4px;
|
||||
padding: 2px 0;
|
||||
outline-offset: 0;
|
||||
|
||||
label:not(:only-child) {
|
||||
&:first-child { margin-left: 4px; }
|
||||
&:last-child { margin-right: 4px; }
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&:disabled:active,
|
||||
&:disabled:indeterminate {
|
||||
|
Loading…
Reference in New Issue
Block a user