Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: better handling of width and overflow for login/signup

This commit is contained in:
Kris 2019-03-08 11:14:07 -05:00
parent f03b293e6a
commit e3e681ebf7
2 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -53,9 +53,23 @@
padding: 5px 0 0 0; padding: 5px 0 0 0;
} }
} }
.tip,
tr.input label { td label {
display: block;
overflow: hidden;
word-wrap: break-word;
margin-bottom: 0; margin-bottom: 0;
max-width: 280px;
@media screen and (min-width: 500px) {
max-width: 400px;
}
}
}
.has-alt-auth {
.tip,
td label {
max-width: 250px;
} }
} }
@ -129,7 +143,6 @@
padding: 15px; padding: 15px;
margin-bottom: 5px; margin-bottom: 5px;
max-height: 475px; max-height: 475px;
max-width: 350px;
@media screen and (max-height: 768px) { @media screen and (max-height: 768px) {
max-height: 60vh; max-height: 60vh;
} }
@ -220,9 +233,10 @@
} }
&:not(:empty), &:not(:empty),
&:empty + td { &:empty + td {
display: block;
min-height: 1.75em; min-height: 1.75em;
max-width: 240px; &.bad .svg-icon {
vertical-align: middle;
}
} }
} }
} }

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

@ -50,6 +50,13 @@
margin-top: 0.75em; margin-top: 0.75em;
} }
td label {
max-width: 280px;
display: block;
overflow: hidden;
word-wrap: break-word;
}
&:not(.instructions) td { &:not(.instructions) td {
padding: 2px 0 0 0; padding: 2px 0 0 0;
} }