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, strong,
span { span {
display: block; display: block;
text-overflow: ellipsis;
overflow: hidden;
} }
strong { strong {

View file

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

View file

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