Style fix for checkbox

Create poll popup new max-height
This commit is contained in:
morethanwords 2020-10-10 05:15:59 +03:00
parent 8d9a8b6261
commit 4e3964ec8b
2 changed files with 7 additions and 37 deletions

View File

@ -3,7 +3,8 @@
#{$parent} {
&-container {
max-height: 468px;
//max-height: 468px;
max-height: 640px;
padding: 0;
}
}

View File

@ -780,43 +780,7 @@ hr {
line-height: 25px;
user-select: none;
transition: .2s opacity;
}
&:not(:checked) + span:before {
width: 0;
height: 0;
border: 2px solid transparent;
left: 6px;
top: 10px;
transform: rotateZ(45deg);
transform-origin: 100% 100%;
}
&:checked + span:before {
top: 4px;
left: -1px;
width: 8px;
height: 14px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transform: rotateZ(45deg);
transform-origin: 100% 100%;
}
&:not(:checked) + span:after {
background-color: transparent;
border-color: #8d969c;
}
&:checked + span:after {
background-color: $button-primary-background;
}
}
[type="checkbox"] {
& + span {
&:before, &:after {
content: '';
left: 0;
@ -871,6 +835,11 @@ hr {
&:checked + span:after {
background-color: $button-primary-background;
}
&:disabled + span {
cursor: default;
opacity: .25;
}
}
.input-wrapper > * + * {