BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #5326 from Tainan404/issue-5287

Browse Source 
Fix clipped username in chat and user list
This commit is contained in:
Anton Georgiev 2018-04-18 14:41:44 -04:00 committed by GitHub
commit 5caaca53c8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
bigbluebutton-html5/imports/ui/components/chat/message-list/message-list-item/styles.scss
View File

@ -65,32 +65,30 @@
} }
} }
.name { .name, .logout {
display: flex; display: flex;
min-width: 0; min-width: 0;
font-weight: 600; font-weight: 600;
color: $color-heading;
width: 100%;
position: relative; position: relative;
> span { > span {
@extend %text-elipsis; @extend %text-elipsis;
padding: .5rem 0; padding: .5rem 0;
position: absolute; margin-top: -.5rem;
top: -.5rem; margin-bottom: -.5rem;
width: 100%;
} }
} }
.name {
color: $color-heading;
}
.logout { .logout {
display: flex;
min-width: 0;
font-weight: 600;
text-transform: capitalize; text-transform: capitalize;
font-style: italic; font-style: italic;
& > span {
> span { text-align: right;
@extend %text-elipsis; padding-right: .1rem;
} }
} }
@ -99,7 +97,6 @@
font-weight: 100; font-weight: 100;
text-transform: lowercase; text-transform: lowercase;
font-style: italic; font-style: italic;
margin-left: .25rem;
font-size: 90%; font-size: 90%;
line-height: 1; line-height: 1;
align-self: center; align-self: center;

2
bigbluebutton-html5/imports/ui/components/user-list/chat-list-item/styles.scss Normal file → Executable file
View File

@ -44,6 +44,8 @@
margin-left: $sm-padding-x; margin-left: $sm-padding-x;
position: relative; position: relative;
top: $md-padding-y; top: $md-padding-y;
padding: .5rem 0;
margin-top: -.5rem;
} }
.active { .active {