cybrespace/mastodon
4
3
Fork 3
Code Issues 7 Pull requests Releases Activity

Fix overflowing in web UI (#5246)

Browse source 
* 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
1 changed files with 22 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/javascript/styles/components.scss
View file

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