pull/255/head
vinceliuice 3 years ago
parent 5b05718a72
commit 05f46af9a9

@ -1624,8 +1624,17 @@ popover.menu {
color: $text; color: $text;
font: initial; font: initial;
text-shadow: none; text-shadow: none;
border-spacing: $space-size;
@extend %button-flat-simple; @extend %button-flat-simple;
accelerator {
color: $text-disabled;
&:disabled {
color: $divider;
}
}
arrow { arrow {
&.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); } &.left { -gtk-icon-source: -gtk-icontheme("go-previous-symbolic"); }
&.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); } &.right { -gtk-icon-source: -gtk-icontheme("go-next-symbolic"); }
@ -2248,6 +2257,9 @@ radio {
&:not(:hover):focus { box-shadow: inset 0 0 0 9999px transparent; } &:not(:hover):focus { box-shadow: inset 0 0 0 9999px transparent; }
popover modelbutton.flat & { popover modelbutton.flat & {
margin: 0; // this is a workaround for a menu check/radio size allocation issue
padding: 0;
&, &:focus, &:hover, &:focus:hover, &:active, &:disabled { &, &:focus, &:hover, &:focus:hover, &:active, &:disabled {
transition: none; // FIXME: this is a workaround for a popover check/radio long transition issue transition: none; // FIXME: this is a workaround for a popover check/radio long transition issue
box-shadow: none; box-shadow: none;
@ -2257,6 +2269,10 @@ radio {
&:not(:checked):not(:indeterminate):not(:disabled) { color: $text-secondary; } &:not(:checked):not(:indeterminate):not(:disabled) { color: $text-secondary; }
&, &:hover, &:disabled {
box-shadow: none;
}
&.left:dir(rtl) { &.left:dir(rtl) {
margin-left: -12px; margin-left: -12px;
margin-right: -4px; margin-right: -4px;
@ -2267,23 +2283,6 @@ radio {
margin-right: -12px; margin-right: -12px;
} }
} }
popover.menu & {
transition: none;
margin: 0; // this is a workaround for a menu check/radio size allocation issue
padding: 0;
&:dir(ltr) { margin-right: 8px; }
&:dir(rtl) { margin-left: 8px; }
&:not(:checked):not(:indeterminate):not(:disabled) { color: $text-secondary; }
&, &:hover, &:disabled {
box-shadow: none;
// color: inherit;
}
}
} }
%check, %check,

@ -2070,6 +2070,15 @@ popover.menu modelbutton {
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
font: initial; font: initial;
text-shadow: none; text-shadow: none;
border-spacing: 4px;
}
popover.menu modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
} }
popover.menu modelbutton arrow.left { popover.menu modelbutton arrow.left {
@ -2700,6 +2709,11 @@ radio:not(:hover):focus {
box-shadow: inset 0 0 0 9999px transparent; box-shadow: inset 0 0 0 9999px transparent;
} }
popover modelbutton.flat check, popover modelbutton.flat radio {
margin: 0;
padding: 0;
}
popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
transition: none; transition: none;
box-shadow: none; box-shadow: none;
@ -2711,6 +2725,10 @@ popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:disabled {
box-shadow: none;
}
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
margin-left: -12px; margin-left: -12px;
margin-right: -4px; margin-right: -4px;
@ -2721,28 +2739,6 @@ popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.ri
margin-right: -12px; margin-right: -12px;
} }
popover.menu check, popover.menu radio {
transition: none;
margin: 0;
padding: 0;
}
popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
margin-right: 8px;
}
popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
margin-left: 8px;
}
popover.menu check:not(:checked):not(:indeterminate):not(:disabled), popover.menu radio:not(:checked):not(:indeterminate):not(:disabled) {
color: rgba(0, 0, 0, 0.6);
}
popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled {
box-shadow: none;
}
check { check {
-gtk-icon-size: 24px; -gtk-icon-size: 24px;

@ -2070,6 +2070,15 @@ popover.menu modelbutton {
color: white; color: white;
font: initial; font: initial;
text-shadow: none; text-shadow: none;
border-spacing: 4px;
}
popover.menu modelbutton accelerator {
color: rgba(255, 255, 255, 0.5);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(255, 255, 255, 0.12);
} }
popover.menu modelbutton arrow.left { popover.menu modelbutton arrow.left {
@ -2700,6 +2709,11 @@ radio:not(:hover):focus {
box-shadow: inset 0 0 0 9999px transparent; box-shadow: inset 0 0 0 9999px transparent;
} }
popover modelbutton.flat check, popover modelbutton.flat radio {
margin: 0;
padding: 0;
}
popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
transition: none; transition: none;
box-shadow: none; box-shadow: none;
@ -2711,6 +2725,10 @@ popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:disabled {
box-shadow: none;
}
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
margin-left: -12px; margin-left: -12px;
margin-right: -4px; margin-right: -4px;
@ -2721,28 +2739,6 @@ popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.ri
margin-right: -12px; margin-right: -12px;
} }
popover.menu check, popover.menu radio {
transition: none;
margin: 0;
padding: 0;
}
popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
margin-right: 8px;
}
popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
margin-left: 8px;
}
popover.menu check:not(:checked):not(:indeterminate):not(:disabled), popover.menu radio:not(:checked):not(:indeterminate):not(:disabled) {
color: rgba(255, 255, 255, 0.7);
}
popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled {
box-shadow: none;
}
check { check {
-gtk-icon-size: 24px; -gtk-icon-size: 24px;

@ -2070,6 +2070,15 @@ popover.menu modelbutton {
color: white; color: white;
font: initial; font: initial;
text-shadow: none; text-shadow: none;
border-spacing: 6px;
}
popover.menu modelbutton accelerator {
color: rgba(255, 255, 255, 0.5);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(255, 255, 255, 0.12);
} }
popover.menu modelbutton arrow.left { popover.menu modelbutton arrow.left {
@ -2700,6 +2709,11 @@ radio:not(:hover):focus {
box-shadow: inset 0 0 0 9999px transparent; box-shadow: inset 0 0 0 9999px transparent;
} }
popover modelbutton.flat check, popover modelbutton.flat radio {
margin: 0;
padding: 0;
}
popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
transition: none; transition: none;
box-shadow: none; box-shadow: none;
@ -2711,6 +2725,10 @@ popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:disabled {
box-shadow: none;
}
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
margin-left: -12px; margin-left: -12px;
margin-right: -4px; margin-right: -4px;
@ -2721,28 +2739,6 @@ popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.ri
margin-right: -12px; margin-right: -12px;
} }
popover.menu check, popover.menu radio {
transition: none;
margin: 0;
padding: 0;
}
popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
margin-right: 8px;
}
popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
margin-left: 8px;
}
popover.menu check:not(:checked):not(:indeterminate):not(:disabled), popover.menu radio:not(:checked):not(:indeterminate):not(:disabled) {
color: rgba(255, 255, 255, 0.7);
}
popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled {
box-shadow: none;
}
check { check {
-gtk-icon-size: 24px; -gtk-icon-size: 24px;

@ -2070,6 +2070,15 @@ popover.menu modelbutton {
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
font: initial; font: initial;
text-shadow: none; text-shadow: none;
border-spacing: 4px;
}
popover.menu modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
} }
popover.menu modelbutton arrow.left { popover.menu modelbutton arrow.left {
@ -2700,6 +2709,11 @@ radio:not(:hover):focus {
box-shadow: inset 0 0 0 9999px transparent; box-shadow: inset 0 0 0 9999px transparent;
} }
popover modelbutton.flat check, popover modelbutton.flat radio {
margin: 0;
padding: 0;
}
popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
transition: none; transition: none;
box-shadow: none; box-shadow: none;
@ -2711,6 +2725,10 @@ popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:disabled {
box-shadow: none;
}
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
margin-left: -12px; margin-left: -12px;
margin-right: -4px; margin-right: -4px;
@ -2721,28 +2739,6 @@ popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.ri
margin-right: -12px; margin-right: -12px;
} }
popover.menu check, popover.menu radio {
transition: none;
margin: 0;
padding: 0;
}
popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
margin-right: 8px;
}
popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
margin-left: 8px;
}
popover.menu check:not(:checked):not(:indeterminate):not(:disabled), popover.menu radio:not(:checked):not(:indeterminate):not(:disabled) {
color: rgba(0, 0, 0, 0.6);
}
popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled {
box-shadow: none;
}
check { check {
-gtk-icon-size: 24px; -gtk-icon-size: 24px;

@ -2070,6 +2070,15 @@ popover.menu modelbutton {
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
font: initial; font: initial;
text-shadow: none; text-shadow: none;
border-spacing: 6px;
}
popover.menu modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
} }
popover.menu modelbutton arrow.left { popover.menu modelbutton arrow.left {
@ -2700,6 +2709,11 @@ radio:not(:hover):focus {
box-shadow: inset 0 0 0 9999px transparent; box-shadow: inset 0 0 0 9999px transparent;
} }
popover modelbutton.flat check, popover modelbutton.flat radio {
margin: 0;
padding: 0;
}
popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
transition: none; transition: none;
box-shadow: none; box-shadow: none;
@ -2711,6 +2725,10 @@ popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:disabled {
box-shadow: none;
}
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
margin-left: -12px; margin-left: -12px;
margin-right: -4px; margin-right: -4px;
@ -2721,28 +2739,6 @@ popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.ri
margin-right: -12px; margin-right: -12px;
} }
popover.menu check, popover.menu radio {
transition: none;
margin: 0;
padding: 0;
}
popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
margin-right: 8px;
}
popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
margin-left: 8px;
}
popover.menu check:not(:checked):not(:indeterminate):not(:disabled), popover.menu radio:not(:checked):not(:indeterminate):not(:disabled) {
color: rgba(0, 0, 0, 0.6);
}
popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled {
box-shadow: none;
}
check { check {
-gtk-icon-size: 24px; -gtk-icon-size: 24px;

@ -2070,6 +2070,15 @@ popover.menu modelbutton {
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
font: initial; font: initial;
text-shadow: none; text-shadow: none;
border-spacing: 6px;
}
popover.menu modelbutton accelerator {
color: rgba(0, 0, 0, 0.38);
}
popover.menu modelbutton accelerator:disabled {
color: rgba(0, 0, 0, 0.12);
} }
popover.menu modelbutton arrow.left { popover.menu modelbutton arrow.left {
@ -2700,6 +2709,11 @@ radio:not(:hover):focus {
box-shadow: inset 0 0 0 9999px transparent; box-shadow: inset 0 0 0 9999px transparent;
} }
popover modelbutton.flat check, popover modelbutton.flat radio {
margin: 0;
padding: 0;
}
popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled { popover modelbutton.flat check, popover modelbutton.flat check:focus, popover modelbutton.flat check:hover, popover modelbutton.flat check:focus:hover, popover modelbutton.flat check:active, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:focus, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:focus:hover, popover modelbutton.flat radio:active, popover modelbutton.flat radio:disabled {
transition: none; transition: none;
box-shadow: none; box-shadow: none;
@ -2711,6 +2725,10 @@ popover modelbutton.flat check:not(:checked):not(:indeterminate):not(:disabled),
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
} }
popover modelbutton.flat check, popover modelbutton.flat check:hover, popover modelbutton.flat check:disabled, popover modelbutton.flat radio, popover modelbutton.flat radio:hover, popover modelbutton.flat radio:disabled {
box-shadow: none;
}
popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) { popover modelbutton.flat check.left:dir(rtl), popover modelbutton.flat radio.left:dir(rtl) {
margin-left: -12px; margin-left: -12px;
margin-right: -4px; margin-right: -4px;
@ -2721,28 +2739,6 @@ popover modelbutton.flat check.right:dir(ltr), popover modelbutton.flat radio.ri
margin-right: -12px; margin-right: -12px;
} }
popover.menu check, popover.menu radio {
transition: none;
margin: 0;
padding: 0;
}
popover.menu check:dir(ltr), popover.menu radio:dir(ltr) {
margin-right: 8px;
}
popover.menu check:dir(rtl), popover.menu radio:dir(rtl) {
margin-left: 8px;
}
popover.menu check:not(:checked):not(:indeterminate):not(:disabled), popover.menu radio:not(:checked):not(:indeterminate):not(:disabled) {
color: rgba(0, 0, 0, 0.6);
}
popover.menu check, popover.menu check:hover, popover.menu check:disabled, popover.menu radio, popover.menu radio:hover, popover.menu radio:disabled {
box-shadow: none;
}
check { check {
-gtk-icon-size: 24px; -gtk-icon-size: 24px;

Loading…
Cancel
Save