@@ -708,25 +708,43 @@ input.ui-button.ui-icon-notext .ui-icon {
708
708
* </fieldset>
709
709
*/
710
710
.ui-checkboxradio-label .ui-icon-background {
711
+ border : 1px solid # ababab ;
712
+ border-radius : 0.2em ;
713
+ background-color : # f7f7f7 ;
714
+ box-sizing : border-box;
715
+ }
716
+
717
+ .ui-checkboxradio-label .ui-checkboxradio-checked .ui-icon {
711
718
border : 0 ;
712
- border-radius : 0.12em ;
713
- box-shadow : inset 1px 1px 1px # cccccc ;
719
+ background : # 777777 url ("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E" );
720
+ }
721
+
722
+ .ui-checkboxradio-label .ui-checkboxradio-checked .ui-state-focus .ui-icon {
723
+ background-color : # 0066ff ;
724
+ }
725
+
726
+ .ui-checkboxradio-label .ui-checkboxradio-checked : hover .ui-icon {
727
+ background-color : # 333333 ;
714
728
}
715
729
716
730
.ui-checkboxradio-radio-label .ui-icon-background {
717
- width : 16px ;
718
- height : 16px ;
719
- border : 0 ;
720
- border-radius : 1em ;
721
- overflow : visible;
731
+ border-radius : 100% ;
722
732
}
723
733
724
- .ui-checkboxradio-radio-label .ui-checkboxradio-checked .ui-icon , .ui-checkboxradio-radio-label .ui-checkboxradio-checked : hover .ui-icon {
725
- width : 8px ;
726
- height : 8px ;
727
- border-width : 4px ;
728
- border-style : solid;
729
- background-image : none;
734
+ .ui-checkboxradio-radio-label .ui-checkboxradio-checked .ui-icon {
735
+ border : 0.3846154em solid # 777777 ;
736
+ border-radius : 100% ;
737
+ background : # ffffff ;
738
+ }
739
+
740
+ .ui-checkboxradio-radio-label .ui-checkboxradio-checked .ui-state-focus .ui-icon {
741
+ border-color : # 0066ff ;
742
+ background-color : # ffffff ;
743
+ }
744
+
745
+ .ui-checkboxradio-radio-label .ui-checkboxradio-checked : hover .ui-icon {
746
+ border-color : # 333333 ;
747
+ background : # ffffff ;
730
748
}
731
749
732
750
.ui-checkboxradio-disabled {
@@ -1376,8 +1394,8 @@ input.ui-button.ui-icon-notext .ui-icon {
1376
1394
.ui-menu .ui-menu-item label [type = "checkbox" ],
1377
1395
.ui-menu .ui-menu-item label [type = "radio" ] {
1378
1396
position : absolute;
1379
- top : 0.49 em ;
1380
- left : 0.5384615 em ;
1397
+ bottom : initial ;
1398
+ left : 0.3076923 em ;
1381
1399
}
1382
1400
1383
1401
.ui-menu .ui-menu-item-wrapper {
@@ -1435,7 +1453,7 @@ input.ui-button.ui-icon-notext .ui-icon {
1435
1453
1436
1454
[dir = "rtl" ] .ui-menu .ui-menu-item label [type = "checkbox" ],
1437
1455
[dir = "rtl" ] .ui-menu .ui-menu-item label [type = "radio" ] {
1438
- right : 0.5384615 em ;
1456
+ right : 0.3076923 em ;
1439
1457
left : auto;
1440
1458
}
1441
1459
@@ -2631,7 +2649,7 @@ input[type="button"] .ui-icon,
2631
2649
}
2632
2650
2633
2651
.ui-icon-check {
2634
- background-image : url ("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M13 2l-8 8 -2-2-2 2 4 4L15 4z '/%3E%3C/svg%3E" );
2652
+ background-image : url ("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M13 3l-7 7 -2-2-2 2 4 4L15 5z '/%3E%3C/svg%3E" );
2635
2653
}
2636
2654
2637
2655
.ui-icon-bullet {
0 commit comments