Commit e8f4b5e3 authored by Carsten  Rose's avatar Carsten Rose

Merge branch '#s11039-Checkbox---CSS' into 'master'

#s11039 checkbox   css

See merge request !276
parents b592377d ebed830e
Pipeline #3762 passed with stages
in 3 minutes and 59 seconds
......@@ -57,18 +57,21 @@ i.@{spinner_class} {
cursor: pointer;
height: 0;
width: 0;
-moz-appearance: none;
/*Radios don't scale correctly on Firefox with zoom*/
}
/* Customize the label (the container) */
.radio-inline, .radio {
display: inline-block;
position: relative;
padding-left: 1.8em;
padding-left: 25px;
padding-top: 0 !important;
margin-top: 7px !important;
margin-right: 10px;
cursor: pointer;
font-size: 1em;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
......@@ -84,8 +87,8 @@ i.@{spinner_class} {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
height: 20px;
width: 20px;
background-color: #fff;
border-radius: 50%;
border: 2px solid #ccc;
......@@ -114,8 +117,8 @@ i.@{spinner_class} {
/* Style the indicator (dot/circle) */
.radio-inline .checkmark:after, .radio .checkmark:after {
top: 3px;
left: 3px;
top: 4px;
left: 4px;
width: 8px;
height: 8px;
border-radius: 50%;
......@@ -124,24 +127,27 @@ i.@{spinner_class} {
/* CUSTOM CHECKBOXES */
/* Hide the browser's default radio */
.checkbox-inline>input[type=checkbox] {
.checkbox-inline>input[type=checkbox], .checkbox>input[type=checkbox] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
-moz-appearance: none;
/*Checkboxes don't scale correctly on Firefox with zoom*/
}
/* Customize the label (the container) */
.checkbox-inline, .checkbox {
display: inline-block;
position: relative;
padding-left: 1.8em;
padding-left: 26px;
padding-top: 0 !important;
margin-top: 7px !important;
margin-right: 10px;
cursor: pointer;
font-size: 1em;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
......@@ -169,10 +175,10 @@ i.@{spinner_class} {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
height: 20px;
width: 20px;
background-color: #fff;
border-radius: 4px;
border-radius: 5px;
border: 2px solid #ccc;
}
......@@ -209,9 +215,9 @@ i.@{spinner_class} {
/* Style the indicator (dot/circle) */
.checkbox-inline .checkmark:after, .checkbox .checkmark:after {
top: 1px;
left: 4px;
left: 5px;
width: 6px;
height: 10px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment