github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-06-21 00:11:39 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: add a divider line between regular user fields and custom user fields

Browse Source 
https://meta.discourse.org/t/differentiate-user-fields-on-signup-form-better/66427/2?u=techapj
This commit is contained in:
Arpit Jalan
2017-08-11 17:33:54 +05:30
parent 117417848e
commit 51f9c23e48
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/desktop/login.scss
View File

@ -57,6 +57,10 @@
} }
} }
.user-fields {
border-top: 1px solid $primary-low;
padding-top: 20px;
}
} }
.password-reset, .invites-show { .password-reset, .invites-show {

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

@ -71,12 +71,18 @@ $input-width: 184px;
} }
.create-account { .create-account {
.user-fields {
margin-top: 10px;
padding-top: 15px;
border-top: 1px solid #e9e9e9;
}
.user-field.confirm { .user-field.confirm {
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
} }
.user-field { .user-field {
margin-top: 10px;
label { label {
width: $label-width; width: $label-width;
} }
@ -128,4 +134,4 @@ $input-width: 184px;
.col-image { .col-image {
display: none; display: none;
} }
} }