Fix overflowing in web UI (#5246)

* Fix overflowing in web UI

* Revert fixing dropdown menu modal
This commit is contained in:
Lynx Kotoura 2017-10-07 03:40:17 +09:00 committed by Eugen Rochko
parent 5c8ca024ef
commit 5a2c7bd4ce

View file

@ -731,6 +731,12 @@
.status__display-name strong { .status__display-name strong {
color: $ui-base-lighter-color; color: $ui-base-lighter-color;
} }
> span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
} }
.status__action-bar { .status__action-bar {
@ -895,9 +901,12 @@
.account__header__display-name { .account__header__display-name {
color: $primary-text-color; color: $primary-text-color;
display: inline-block; display: inline-block;
width: 100%;
font-size: 20px; font-size: 20px;
line-height: 27px; line-height: 27px;
font-weight: 500; font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
} }
.account__header__username { .account__header__username {
@ -906,6 +915,8 @@
font-weight: 400; font-weight: 400;
display: block; display: block;
margin-bottom: 10px; margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
} }
} }
@ -1081,6 +1092,8 @@
.account__display-name strong { .account__display-name strong {
display: block; display: block;
overflow: hidden;
text-overflow: ellipsis;
} }
.detailed-status__application, .detailed-status__application,
@ -1158,6 +1171,12 @@
.fa { .fa {
color: $ui-highlight-color; color: $ui-highlight-color;
} }
> span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
} }
.notification__favourite-icon-wrapper { .notification__favourite-icon-wrapper {
@ -1265,11 +1284,14 @@
.navigation-bar__profile { .navigation-bar__profile {
flex: 1 1 auto; flex: 1 1 auto;
margin-left: 8px; margin-left: 8px;
overflow: hidden;
} }
.navigation-bar__profile-account { .navigation-bar__profile-account {
display: block; display: block;
font-weight: 500; font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
} }
.navigation-bar__profile-edit { .navigation-bar__profile-edit {