github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-01-30 22:23:00 +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

27
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;
} }
@ -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;
} }
@ -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;
}
}
} }
} }