Enhancements to the radio and check buttons

This commit is contained in:
Adriano Moura 2016-11-30 01:04:08 -02:00
parent cd9c4ec7f8
commit 1a4d22e1b4
10 changed files with 17 additions and 9 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 B

View File

Before

Width:  |  Height:  |  Size: 89 B

After

Width:  |  Height:  |  Size: 89 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 163 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 103 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 154 B

View File

@ -321,8 +321,8 @@ checkbutton:focus label{
check, check,
radio { radio {
min-width: 12px; min-width: 10px;
min-height: 12px; min-height: 10px;
background-color: @base_color; background-color: @base_color;
} }
@ -331,24 +331,26 @@ radio:disabled {
background-color: @bg_color; background-color: @bg_color;
} }
/* using a mix of css and background for now, radio still not perfect
* with pure css box-shadow makes the circle look oval */
radio { radio {
border-radius: 8px; background-image: url("assets/radio-inner-ring.png");
border-radius: 10px;
box-shadow: none;
} }
check:checked { check:checked {
-gtk-icon-source: url("assets/menucheck.png"); -gtk-icon-source: url("assets/check-check.png");
-gtk-icon-transform: scale(0.5); -gtk-icon-transform: none;
} }
radio:checked { radio:checked {
-gtk-icon-source: url("assets/menuoption.png"); -gtk-icon-source: url("assets/radio-check.png");
-gtk-icon-transform: scale(0.5);
} }
check:indeterminate, check:indeterminate,
radio:indeterminate { radio:indeterminate {
-gtk-icon-source: url("assets/menuindeterminate.png"); -gtk-icon-source: url("assets/check-indeterminate.png");
-gtk-icon-transform: scale(0.5);
} }
@ -482,6 +484,12 @@ treeview:selected:focus {
color: @theme_selected_fg_color; color: @theme_selected_fg_color;
} }
treeview > check,
treeview > radio:checked
treeview radio:checked {
background-color: @base_color;
}
treeview entry { treeview entry {
border-radius: 0; border-radius: 0;
background-color: @theme_base_color; background-color: @theme_base_color;