github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-18 09:42:46 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: user-fields layout in mobile create account form

Browse Source
This commit is contained in:
Joe 2018-06-06 21:02:35 +08:00 committed by GitHub
parent d8e641cd98
commit 56dbbfbd2a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
app/assets/stylesheets/mobile/login.scss
View File

@ -3,7 +3,6 @@
// create account modals
.login-modal,
.create-account {
.modal-inner-container {
max-width: 350px;
}
@ -19,9 +18,9 @@
width: 102%;
padding-bottom: 10px;
margin-left: -2%;
button {
flex: 1 1 48%;
flex: 1 1 48%;
max-width: 50%;
margin: 1% 0 1% 2%;
font-size: $font-up-1;
@ -39,10 +38,11 @@
form {
display: flex;
justify-content: center;
flex-direction: column;
}
table {
width: 100%;
// width: 100%;
padding: 10px;
}
@ -144,7 +144,7 @@
}
#login-buttons + .login-form {
border-top: 1px solid $primary-low;
border-top: 1px solid $primary-low;
}
.login-form {
margin-bottom: 0.75em;
@ -156,11 +156,32 @@
margin-top: 10px;
padding-top: 15px;
border-top: 1px solid $primary-low;
display: flex;
flex-direction: column;
}
.user-field.confirm {
margin-top: 10px;
margin-bottom: 10px;
}
.user-field {
display: flex;
flex-direction: column;
.required {
display: none; // needs more work
}
> label {
width: auto;
font-weight: bold;
}
.controls {
margin-left: 0;
.instructions {
margin-top: 5px;
}
}
}
}