bn8/ldapsaisie
1
0
Fork 0
mirror of https://gitlab.easter-eggs.com/ee/ldapsaisie.git synced 2024-11-22 18:09:06 +01:00
Code Issues Projects Releases Wiki Activity

login / recover password forms: make CSS responsive

Browse source
This commit is contained in:
Benjamin Renard 2020-06-04 18:37:43 +02:00
parent 030b1c45f9
commit 84b14c0e5b
2 changed files with 70 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/css/default/login.css
View file

@ -65,3 +65,38 @@ a.LSsession_recoverPassword {
.LSsession_recoverPassword_hidden {
visibility: hidden;
}
@media (max-width: 30em) {
body {
margin: 0;
}
#loginform_logo {
margin: 1em;
}
div.loginform {
width: 98vw;
max-width: none;
padding: 1vw;
box-sizing: border-box;
margin: 1vw;
text-align: center;
}
.loginform dt {
position: initial;
width: 100%;
}
.loginform dd {
margin-left: 0;
margin-bottom: 0.5em;
width: 100%;
}
a.LSsession_recoverPassword {
float: none;
display: block;
}
}

35
src/css/default/recoverpassword.css
View file

@ -58,3 +58,38 @@ dl.recoverpasswordform {
color: #4096b8;
font-weight: bold;
}
@media (max-width: 30em) {
body {
margin: 0;
}
div.recoverpasswordform {
width: 98vw;
max-width: none;
padding: 1vw;
box-sizing: border-box;
margin: 1vw;
text-align: center;
}
#recoverpasswordform_logo {
margin: 1em;
}
.recoverpasswordform dt {
position: initial;
width: 100%;
}
.recoverpasswordform dd {
margin-left: 0;
margin-bottom: 0.5em;
width: 100%;
}
#recoverpassword_back {
float: none;
display: block;
}
}