Browse Source

Fix iOS checkbox

Volodymyr Tkach 1 year ago
parent
commit
dcfb8a6ef1
1 changed files with 7 additions and 7 deletions
  1. 7 7
      css/controls/checkbox/ios.css

+ 7 - 7
css/controls/checkbox/ios.css

@@ -30,12 +30,12 @@
 	border-radius: 24px;
 	border-radius: 24px;
 	content: "";
 	content: "";
 	display: block;
 	display: block;
-	height: 12px;
-	left: 2px;
+	height: 15px;
+	left: 1px;
 	position: absolute;
 	position: absolute;
-	top: 2px;
+	top: 1px;
 	transition: .1s ease-in-out;
 	transition: .1s ease-in-out;
-	width: 12px;
+	width: 15px;
 }
 }
 
 
 .checkbox-ios input[type=checkbox]:checked + label {
 .checkbox-ios input[type=checkbox]:checked + label {
@@ -49,7 +49,7 @@
 
 
 .checkbox-ios input[type=checkbox]:checked + label:before {
 .checkbox-ios input[type=checkbox]:checked + label:before {
 	background: #212529;
 	background: #212529;
-	left: 17px;
+	left: 16px;
 }
 }
 
 
 .checkbox-ios input[type=checkbox] + label:after {
 .checkbox-ios input[type=checkbox] + label:after {
@@ -59,10 +59,10 @@
 	content: "";
 	content: "";
 	display: block;
 	display: block;
 	height: 5px;
 	height: 5px;
-	left: 6px;
+	left: 7px;
 	opacity: 0;
 	opacity: 0;
 	position: absolute;
 	position: absolute;
-	top: 7px;
+	top: 8px;
 	transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
 	transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
 	transition: .1s ease-in-out;
 	transition: .1s ease-in-out;
 	width: 7px;
 	width: 7px;