Style fix for checkbox
Create poll popup new max-height
This commit is contained in:
parent
8d9a8b6261
commit
4e3964ec8b
@ -3,7 +3,8 @@
|
||||
|
||||
#{$parent} {
|
||||
&-container {
|
||||
max-height: 468px;
|
||||
//max-height: 468px;
|
||||
max-height: 640px;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
@ -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 > * + * {
|
||||
|
Loading…
x
Reference in New Issue
Block a user