fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'checkbox' into 'master'

Browse Source 
checkboxes with checkmarks

Closes #254

See merge request !136
This commit is contained in:
Felix Hamann 2019-02-04 21:48:31 +01:00
commit aa4ac11bee
2 changed files with 20 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/multiFileField.lucius
View File

@ -6,7 +6,7 @@
.checkbox { .checkbox {
display: inline-block; display: inline-block;
margin-left: 5px; margin-left: 7px;
} }
} }

35
templates/standalone/inputs.lucius
View File

@ -234,7 +234,8 @@ input[type="checkbox"]:checked::after {
height: 24px; height: 24px;
width: 24px; width: 24px;
background-color: #f3f3f3; background-color: #f3f3f3;
box-shadow: inset 0 1px 2px 1px rgba(50,50,50,.05); box-shadow: inset 0 1px 2px 1px rgba(50, 50, 50, 0.05);
border: 2px solid var(--color-primary);
border-radius: 4px; border-radius: 4px;
color: white; color: white;
cursor: pointer; cursor: pointer;
@ -242,39 +243,41 @@ input[type="checkbox"]:checked::after {
label::before, label::before,
label::after { label::after {
content: '';
position: absolute; position: absolute;
top: 11px;
left: 3px;
display: block; display: block;
width: 18px; top: 12px;
left: 8px;
height: 2px; height: 2px;
width: 8px;
background-color: var(--color-font); background-color: var(--color-font);
transition: all .2s;
transform: scale(0.5, 0.1);
} }
:checked + label { :checked + label {
background-color: var(--color-primary); background-color: var(--color-primary);
text-decoration: underline; }
:checked + label::before,
:checked + label::after {
content: '';
} }
:checked + label::before { :checked + label::before {
background-color: white; background-color: white;
transform: scale(1, 1) rotate(45deg); transform: rotate(45deg);
left: 4px;
} }
:checked + label::after { :checked + label::after {
background-color: white; background-color: white;
transform: scale(1, 1) rotate(-45deg); transform: rotate(-45deg);
top: 11px;
width: 13px;
} }
}
.radio label::before { [disabled] + label {
transform: scale(0.01, 0.01) rotate(45deg); pointer-events: none;
} border: none;
.radio label::after { }
transform: scale(0.01, 0.01) rotate(-45deg);
} }
.radio::before { .radio::before {