cst1/openstreetmap-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move the login form rules to be based on screen size

Browse source 
Ideally this would be refactored to be mobile-first, but is likely
to be replaced by more general bootstrap form refactoring anyway.
This commit is contained in:
Andy Allan 2020-07-15 11:21:08 +02:00
parent 46bd1a9a2e
commit 58050240d6
1 changed files with 23 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

44
app/assets/stylesheets/small.scss
View file

@ -93,27 +93,6 @@ body.small {
.leaflet-top.leaflet-right {
top: 10px !important;
}
/* Rules for the login form */
#login_login input#user_email {
width: 100%;
max-width: 18em;
}
#login_login input#user_password {
width: 100%;
max-width: 18em;
}
#login_login input#openid_url {
width: 100%;
max-width: 18em;
}
#login_openid_buttons td {
padding: 2px;
}
}
@media (max-width: 767.98px) {
@ -145,3 +124,26 @@ body.small {
}
}
}
@media (max-width: 575.98px) {
/* Rules for the login form */
#login_login input#user_email {
width: 100%;
max-width: 18em;
}
#login_login input#user_password {
width: 100%;
max-width: 18em;
}
#login_login input#openid_url {
width: 100%;
max-width: 18em;
}
#login_openid_buttons td {
padding: 2px;
}
}