Fix for radio buttons & popover arrows

Changed popover label background colour to something more obvious.
Removed the background from radio buttons.
Changed popover modelbutton arrow on hover
This commit is contained in:
EMH-Mark-I 2020-04-11 18:00:56 -05:00
parent 3494dcfa89
commit 1dbb3ea2e2
4 changed files with 74 additions and 24 deletions

View File

@ -59,19 +59,25 @@ check:indeterminate:disabled {
background: none; }
radio:checked {
-gtk-icon-source: url("assets/radio-selected.png"); }
-gtk-icon-source: url("assets/radio-selected.png");
background: none }
radio:not(:checked) {
-gtk-icon-source: url("assets/radio-unselected.png"); }
-gtk-icon-source: url("assets/radio-unselected.png");
background: none }
radio:indeterminate {
-gtk-icon-source: url("assets/radio-mixed.png"); }
-gtk-icon-source: url("assets/radio-mixed.png");
background: none }
radio:disabled:checked {
-gtk-icon-source: url("assets/radio-selected-insensitive.png"); }
-gtk-icon-source: url("assets/radio-selected-insensitive.png");
background: none }
radio:disabled:not(checked) {
-gtk-icon-source: url("assets/radio-unselected-insensitive.png"); }
-gtk-icon-source: url("assets/radio-unselected-insensitive.png");
background: none }
radio:indeterminate:disabled {
-gtk-icon-source: url("assets/radio-mixed-insensitive.png"); }
-gtk-icon-source: url("assets/radio-mixed-insensitive.png");
background: none }

View File

@ -28,8 +28,13 @@ popover.background {
modelbutton label {
padding: 2px 6px; }
modelbutton:hover {
background-color: @selected_fg_color; }
modelbutton.flat:hover {
background-color: @selected_bg_color;
color: @selected_fg_color;
outline-color: @selected_fg_color }
modelbutton arrow {
background-repeat: no-repeat;
background-position: center; }
.app-notification,
popover stack {
@ -80,15 +85,29 @@ popover arrow.right {
-gtk-icon-source: none; }
popover arrow.right:hover {
margin-right: 4px;
background-image: url("arrow-right-disabled.png");
background-image: url("assets/arrow-right-selected.png");
-gtk-icon-source: none; }
popover arrow.left {
margin-left: 4px;
background-image: url("assets/arrow-left.png");
-gtk-icon-source: none; }
popover arrow.left:hover {
margin-left: 4px;
background-image: url("assets/arrow-left-disabled.png");
background-image: url("assets/arrow-left-selected.png");
-gtk-icon-source: none; }
popover arrow.up {
margin-top: 4px;
background-image: url("assets/arrow-up.png");
-gtk-icon-source: none; }
popover arrow.up:hover {
margin-top: 4px;
background-image: url("assets/arrow-up-selected.png");
-gtk-icon-source: none; }
popover arrow.down {
margin-bottom: 4px;
background-image: url("assets/arrow-down.png");
-gtk-icon-source: none; }
popover arrow.down:hover {
margin-bottom: 4px;
background-image: url("assets/arrow-down-selected.png");
-gtk-icon-source: none; }

View File

@ -59,19 +59,25 @@ check:indeterminate:disabled {
background: none; }
radio:checked {
-gtk-icon-source: url("assets/radio-selected.png"); }
-gtk-icon-source: url("assets/radio-selected.png");
background: none }
radio:not(:checked) {
-gtk-icon-source: url("assets/radio-unselected.png"); }
-gtk-icon-source: url("assets/radio-unselected.png");
background: none }
radio:indeterminate {
-gtk-icon-source: url("assets/radio-mixed.png"); }
-gtk-icon-source: url("assets/radio-mixed.png");
background: none }
radio:disabled:checked {
-gtk-icon-source: url("assets/radio-selected-insensitive.png"); }
-gtk-icon-source: url("assets/radio-selected-insensitive.png");
background: none }
radio:disabled:not(checked) {
-gtk-icon-source: url("assets/radio-unselected-insensitive.png"); }
-gtk-icon-source: url("assets/radio-unselected-insensitive.png");
background: none }
radio:indeterminate:disabled {
-gtk-icon-source: url("assets/radio-mixed-insensitive.png"); }
-gtk-icon-source: url("assets/radio-mixed-insensitive.png");
background: none }

View File

@ -28,8 +28,13 @@ popover.background {
modelbutton label {
padding: 2px 6px; }
modelbutton:hover {
background-color: @selected_fg_color; }
modelbutton.flat:hover {
background-color: @selected_bg_color;
color: @selected_fg_color;
outline-color: @selected_fg_color }
modelbutton arrow {
background-repeat: no-repeat;
background-position: center; }
.app-notification,
popover stack {
@ -80,15 +85,29 @@ popover arrow.right {
-gtk-icon-source: none; }
popover arrow.right:hover {
margin-right: 4px;
background-image: url("arrow-right-disabled.png");
background-image: url("assets/arrow-right-selected.png");
-gtk-icon-source: none; }
popover arrow.left {
margin-left: 4px;
background-image: url("assets/arrow-left.png");
-gtk-icon-source: none; }
popover arrow.left:hover {
margin-left: 4px;
background-image: url("assets/arrow-left-disabled.png");
background-image: url("assets/arrow-left-selected.png");
-gtk-icon-source: none; }
popover arrow.up {
margin-top: 4px;
background-image: url("assets/arrow-up.png");
-gtk-icon-source: none; }
popover arrow.up:hover {
margin-top: 4px;
background-image: url("assets/arrow-up-selected.png");
-gtk-icon-source: none; }
popover arrow.down {
margin-bottom: 4px;
background-image: url("assets/arrow-down.png");
-gtk-icon-source: none; }
popover arrow.down:hover {
margin-bottom: 4px;
background-image: url("assets/arrow-down-selected.png");
-gtk-icon-source: none; }