Browse Source

Style fix for checkbox

Create poll popup new max-height
master
morethanwords 4 years ago
parent
commit
4e3964ec8b
  1. 3
      src/scss/partials/popups/_createPoll.scss
  2. 41
      src/scss/style.scss

3
src/scss/partials/popups/_createPoll.scss

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

41
src/scss/style.scss

@ -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…
Cancel
Save