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,
|
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); }
|
||||||
|
|
||||||
|
@ -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); }
|
||||||
|
|
||||||
|
@ -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); }
|
||||||
|
|
||||||
|
@ -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); }
|
||||||
|
|
||||||
|
@ -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); }
|
||||||
|
|
||||||
|
@ -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); }
|
||||||
|
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user