Commit 0e63254a authored by bbaer's avatar bbaer

improved checkbox display

parent 68292e01
Pipeline #3701 passed with stages
in 4 minutes and 6 seconds
......@@ -57,6 +57,8 @@ 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) */
......@@ -82,10 +84,10 @@ i.@{spinner_class} {
/* Create a custom radio button */
.radio-inline .checkmark, .radio .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
top: -1px;
left: -2px;
height: 22px;
width: 22px;
background-color: #fff;
border-radius: 50%;
border: 2px solid #ccc;
......@@ -114,8 +116,8 @@ i.@{spinner_class} {
/* Style the indicator (dot/circle) */
.radio-inline .checkmark:after, .radio .checkmark:after {
top: 3px;
left: 3px;
top: 5px;
left: 5px;
width: 8px;
height: 8px;
border-radius: 50%;
......@@ -124,12 +126,14 @@ 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) */
......@@ -167,12 +171,12 @@ i.@{spinner_class} {
/* Create a custom radio button */
.checkbox-inline .checkmark, .checkbox .checkmark {
position: absolute;
top: 0;
left: 0;
height: 18px;
width: 18px;
top: -1px;
left: -2px;
height: 22px;
width: 22px;
background-color: #fff;
border-radius: 4px;
border-radius: 5px;
border: 2px solid #ccc;
}
......@@ -208,10 +212,10 @@ i.@{spinner_class} {
/* Style the indicator (dot/circle) */
.checkbox-inline .checkmark:after, .checkbox .checkmark:after {
top: 1px;
left: 4px;
top: 2px;
left: 6px;
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