github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-30 04:23:01 +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 // create account modals
.login-modal, .login-modal,
.create-account { .create-account {
.modal-inner-container { .modal-inner-container {
max-width: 350px; max-width: 350px;
} }
@ -19,9 +18,9 @@
width: 102%; width: 102%;
padding-bottom: 10px; padding-bottom: 10px;
margin-left: -2%; margin-left: -2%;
button { button {
flex: 1 1 48%; flex: 1 1 48%;
max-width: 50%; max-width: 50%;
margin: 1% 0 1% 2%; margin: 1% 0 1% 2%;
font-size: $font-up-1; font-size: $font-up-1;
@ -39,10 +38,11 @@
form { form {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column;
} }
table { table {
width: 100%; // width: 100%;
padding: 10px; padding: 10px;
} }
@ -144,7 +144,7 @@
} }
#login-buttons + .login-form { #login-buttons + .login-form {
border-top: 1px solid $primary-low; border-top: 1px solid $primary-low;
} }
.login-form { .login-form {
margin-bottom: 0.75em; margin-bottom: 0.75em;
@ -156,11 +156,32 @@
margin-top: 10px; margin-top: 10px;
padding-top: 15px; padding-top: 15px;
border-top: 1px solid $primary-low; border-top: 1px solid $primary-low;
display: flex;
flex-direction: column;
} }
.user-field.confirm { .user-field.confirm {
margin-top: 10px; 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;
}
}
} }
} }