diff --git a/src/modules/checkbox.less b/src/modules/checkbox.less index acfd83b34..8a0bd421c 100755 --- a/src/modules/checkbox.less +++ b/src/modules/checkbox.less @@ -24,8 +24,9 @@ position: relative; display: inline-block; - width: 1em; + min-width: 1em; height: 1.5em; + line-height: 1em; outline: none; vertical-align: middle; @@ -44,21 +45,14 @@ .ui.checkbox .box, .ui.checkbox label { cursor: pointer; - position: relative; - - min-width: 1em; - height: 1.5em; - padding-left: 2em; outline: none; - - white-space: nowrap; } .ui.checkbox .box:before, .ui.checkbox label:before { position: absolute; - top: 0.25em; + top: 0em; left: 0em; line-height: 1; @@ -117,7 +111,7 @@ } .ui.checkbox .box:after, .ui.checkbox label:after { - top: 0.54em; + top: 0.275em; left: 0.2em; width: 0.45em; height: 0.15em; @@ -208,7 +202,7 @@ .ui.radio.checkbox .box:before, .ui.radio.checkbox label:before { - width: 1em; + min-width: 1em; height: 1em; -webkit-border-radius: 500px; -moz-border-radius: 500px; @@ -217,7 +211,7 @@ .ui.radio.checkbox .box:after, .ui.radio.checkbox label:after { border: none; - top: 0.45em; + top: 0.2em; left: 0.2em; width: 0.6em; @@ -225,6 +219,8 @@ background-color: #555555; + transform: none; + -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; @@ -243,7 +239,7 @@ /* Line */ .ui.slider.checkbox:after { position: absolute; - top: 0.8em; + top: 0.5em; left: 0em; content: ''; @@ -263,8 +259,8 @@ display: block; position: absolute; - top: 0em; - left: 0; + top: -0.25em; + left: 0em; z-index: 1; width: 1.5em; @@ -290,7 +286,7 @@ position: absolute; content: ''; - top: 0.375em; + top: 0.15em; left: 0em; z-index: 2; @@ -302,6 +298,8 @@ border-radius: 50rem; + transform: none; + -webkit-transition: background 0.3s ease 0s, left 0.3s ease 0s @@ -376,7 +374,7 @@ position: absolute; content: ''; - top: 0em; + top: -0.25em; left: 0em; z-index: 1; @@ -403,7 +401,7 @@ content: ''; position: absolute; - top: 0.35em; + top: 0.15em; left: 0.5em; z-index: 2;