Style fix for checkbox
Create poll popup new max-height
This commit is contained in:
parent
8d9a8b6261
commit
4e3964ec8b
@ -3,7 +3,8 @@
|
|||||||
|
|
||||||
#{$parent} {
|
#{$parent} {
|
||||||
&-container {
|
&-container {
|
||||||
max-height: 468px;
|
//max-height: 468px;
|
||||||
|
max-height: 640px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -780,43 +780,7 @@ hr {
|
|||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
transition: .2s opacity;
|
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 {
|
&:before, &:after {
|
||||||
content: '';
|
content: '';
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -871,6 +835,11 @@ hr {
|
|||||||
&:checked + span:after {
|
&:checked + span:after {
|
||||||
background-color: $button-primary-background;
|
background-color: $button-primary-background;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:disabled + span {
|
||||||
|
cursor: default;
|
||||||
|
opacity: .25;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-wrapper > * + * {
|
.input-wrapper > * + * {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user