deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

fix responsive captcha flex wrap

Browse source
This commit is contained in:
Thibault Duplessis 2019-05-02 07:23:27 +07:00
parent 0976d8d717
commit d967c78ee0
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/common/css/form/_captcha.scss
View file

@ -1,6 +1,6 @@
.form3 .captcha {
@extend %flex-wrap;
margin-top: 2em;
margin: 1em 0 0 -1em;
@include breakpoint($mq-xx-small) {
flex-wrap: nowrap;
}
@ -11,11 +11,12 @@
}
.challenge {
flex: 0 0 250px;
margin-right: 1rem;
margin: 0 0 1em 1em;
}
.captcha-explanation {
flex: 1 1 auto;
overflow: hidden;
margin: 0 0 1em 1em;
}
&.is-invalid .captcha-explanation {
padding: 1em;