ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +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-submenu: 2500;
$z-index-page-header: 2000; $z-index-page-header: 2000;
$z-index-page-sidebar: 1500; $z-index-page-sidebar: 1500;
$z-index-hc-post-card-link: 5;
$z-index-sticky: 100; $z-index-sticky: 100;
$z-index-post-card-link: 5; $z-index-post-card-link: 5;

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

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