3 Commits 1db0cf3b2d ... 82c2f416f8

Author SHA1 Message Date
  Volodymyr Tkach 82c2f416f8 Fix box checkbox 1 year ago
  Volodymyr Tkach dcfb8a6ef1 Fix iOS checkbox 1 year ago
  Volodymyr Tkach 532ad9b744 Remove "Segoe UI", line height problem on windows 1 year ago
3 changed files with 9 additions and 9 deletions
  1. 1 1
      css/controls/checkbox/box.css
  2. 7 7
      css/controls/checkbox/ios.css
  3. 1 1
      css/reboot.css

+ 1 - 1
css/controls/checkbox/box.css

@@ -35,7 +35,7 @@
 	left: 8px;
 	opacity: 0;
 	position: absolute;
-	top: 7px;
+	top: 8px;
 	transform: translate3d(-50%, -50%, 0px) rotate(-45deg);
 	transition: .1s ease-in-out;
 	width: 7px;

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

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

+ 1 - 1
css/reboot.css

@@ -33,7 +33,7 @@ section {
 body {
 	background-color: #fff;
 	color: #212529;
-	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 	font-size: 1rem;
 	font-weight: 400;
 	line-height: 1.5;