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,
radio {
min-width: 12px;
min-height: 12px;
min-width: 10px;
min-height: 10px;
background-color: @base_color;
}
@ -331,24 +331,26 @@ radio:disabled {
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 {
border-radius: 8px;
background-image: url("assets/radio-inner-ring.png");
border-radius: 10px;
box-shadow: none;
}
check:checked {
-gtk-icon-source: url("assets/menucheck.png");
-gtk-icon-transform: scale(0.5);
-gtk-icon-source: url("assets/check-check.png");
-gtk-icon-transform: none;
}
radio:checked {
-gtk-icon-source: url("assets/menuoption.png");
-gtk-icon-transform: scale(0.5);
-gtk-icon-source: url("assets/radio-check.png");
}
check:indeterminate,
radio:indeterminate {
-gtk-icon-source: url("assets/menuindeterminate.png");
-gtk-icon-transform: scale(0.5);
-gtk-icon-source: url("assets/check-indeterminate.png");
}
@ -482,6 +484,12 @@ treeview:selected:focus {
color: @theme_selected_fg_color;
}
treeview > check,
treeview > radio:checked
treeview radio:checked {
background-color: @base_color;
}
treeview entry {
border-radius: 0;
background-color: @theme_base_color;