ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-12 23:35:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

truncate overflowing user name

Browse Source
This commit is contained in:
Alina Beck 2020-01-21 11:58:54 +03:00
parent 7b73c990ec
commit c5af2dbfb4
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
webapp/assets/_new/styles/tokens.scss
View File

@ -315,7 +315,6 @@ $z-index-dropdown: 8888;
$z-index-page-submenu: 2500;
$z-index-page-header: 2000;
$z-index-page-sidebar: 1500;
$z-index-hc-post-card-link: 5;
$z-index-sticky: 100;
$z-index-post-card-link: 5;

15
webapp/components/UserTeaser/UserTeaser.vue
View File

@ -148,15 +148,25 @@ export default {
</script>
<style lang="scss">
.trigger {
max-width: 100%;
}
.user-teaser {
display: flex;
flex-wrap: nowrap;
z-index: $z-index-post-card-link;
position: relative;
> .user-avatar {
flex-shrink: 0;
}
> .user-info {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
> .ds-text {
display: flex;
@ -164,9 +174,10 @@ export default {
}
> .user-slug {
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 $space-xxx-small $space-xx-small;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.username {