Skip to content
Snippets Groups Projects
Commit ebed830e authored by bbaer's avatar bbaer
Browse files

Design Changes

parent 0e63254a
No related branches found
No related tags found
3 merge requests!286Master,!281Master,!276#s11039 checkbox css
Pipeline #3702 passed
Stage: before
Stage: build
Stage: selenium
Hide whitespace changes
Inline Side-by-side
Showing
with 16 additions and 14 deletions
less/qfq-bs.css.less
+ 16
− 14
View file @ ebed830e
...@@ -65,12 +65,13 @@ i.@{spinner_class} { ...@@ -65,12 +65,13 @@ i.@{spinner_class} {
.radio-inline, .radio { .radio-inline, .radio {
display: inline-block; display: inline-block;
position: relative; position: relative;
padding-left: 1.8em; padding-left: 25px;
padding-top: 0 !important; padding-top: 0 !important;
margin-top: 7px !important; margin-top: 7px !important;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
font-size: 1em; font-size: 1em;
line-height: 20px;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
...@@ -84,10 +85,10 @@ i.@{spinner_class} { ...@@ -84,10 +85,10 @@ i.@{spinner_class} {
/* Create a custom radio button */ /* Create a custom radio button */
.radio-inline .checkmark, .radio .checkmark { .radio-inline .checkmark, .radio .checkmark {
position: absolute; position: absolute;
top: -1px; top: 0;
left: -2px; left: 0;
height: 22px; height: 20px;
width: 22px; width: 20px;
background-color: #fff; background-color: #fff;
border-radius: 50%; border-radius: 50%;
border: 2px solid #ccc; border: 2px solid #ccc;
...@@ -116,8 +117,8 @@ i.@{spinner_class} { ...@@ -116,8 +117,8 @@ i.@{spinner_class} {
/* Style the indicator (dot/circle) */ /* Style the indicator (dot/circle) */
.radio-inline .checkmark:after, .radio .checkmark:after { .radio-inline .checkmark:after, .radio .checkmark:after {
top: 5px; top: 4px;
left: 5px; left: 4px;
width: 8px; width: 8px;
height: 8px; height: 8px;
border-radius: 50%; border-radius: 50%;
...@@ -140,12 +141,13 @@ i.@{spinner_class} { ...@@ -140,12 +141,13 @@ i.@{spinner_class} {
.checkbox-inline, .checkbox { .checkbox-inline, .checkbox {
display: inline-block; display: inline-block;
position: relative; position: relative;
padding-left: 1.8em; padding-left: 26px;
padding-top: 0 !important; padding-top: 0 !important;
margin-top: 7px !important; margin-top: 7px !important;
margin-right: 10px; margin-right: 10px;
cursor: pointer; cursor: pointer;
font-size: 1em; font-size: 1em;
line-height: 20px;
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
...@@ -171,10 +173,10 @@ i.@{spinner_class} { ...@@ -171,10 +173,10 @@ i.@{spinner_class} {
/* Create a custom radio button */ /* Create a custom radio button */
.checkbox-inline .checkmark, .checkbox .checkmark { .checkbox-inline .checkmark, .checkbox .checkmark {
position: absolute; position: absolute;
top: -1px; top: 0;
left: -2px; left: 0;
height: 22px; height: 20px;
width: 22px; width: 20px;
background-color: #fff; background-color: #fff;
border-radius: 5px; border-radius: 5px;
border: 2px solid #ccc; border: 2px solid #ccc;
...@@ -212,8 +214,8 @@ i.@{spinner_class} { ...@@ -212,8 +214,8 @@ i.@{spinner_class} {
/* Style the indicator (dot/circle) */ /* Style the indicator (dot/circle) */
.checkbox-inline .checkmark:after, .checkbox .checkmark:after { .checkbox-inline .checkmark:after, .checkbox .checkmark:after {
top: 2px; top: 1px;
left: 6px; left: 5px;
width: 6px; width: 6px;
height: 12px; height: 12px;
border: solid white; border: solid white;
......
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