Adjust "signed in as" pages (#4720)

* Adjust "signed in as" pages


Fix min-width


Set width of .account-header .name

To apply text-overflow and overflow settings
Set overflow for detailed-status__display-name

* Remove trailing whitespace
This commit is contained in:
Lynx Kotoura 2017-08-28 07:01:07 +09:00 committed by Eugen Rochko
parent bab9afaa09
commit 07994eed00
3 changed files with 11 additions and 1 deletions

View file

@ -1057,6 +1057,8 @@
strong,
span {
display: block;
text-overflow: ellipsis;
overflow: hidden;
}
strong {

View file

@ -72,7 +72,7 @@
margin-bottom: -30px;
margin-top: 40px;
@media screen and (max-width: 400px) {
@media screen and (max-width: 440px) {
width: 100%;
margin: 0;
margin-bottom: 10px;
@ -97,10 +97,13 @@
.name {
flex: 1 1 auto;
color: $ui-secondary-color;
width: calc(100% - 88px);
.username {
display: block;
font-weight: 500;
text-overflow: ellipsis;
overflow: hidden;
}
}
@ -108,5 +111,6 @@
display: block;
font-size: 32px;
line-height: 40px;
margin-left: 8px;
}
}

View file

@ -359,6 +359,10 @@ code {
color: $ui-secondary-color;
font-weight: 500;
}
@media screen and (max-width: 740px) and (min-width: 441px) {
margin-top: 40px;
}
}
.qr-wrapper {