github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Fix project name overflow (#10977)

Browse Source 
* Add ability to dynamically set placement

* Add ability to set overflow tooltip placement

* Fetch current user name/email

* Add proper overflow handling of project name
This commit is contained in:
Rijk van Zanten
2022-01-11 10:46:20 -05:00
committed by GitHub
parent e68197b514
commit b3664d6ea3
4 changed files with 25 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
app/src/views/private/components/project-info/project-info.vue
View File

@@ -2,8 +2,8 @@
<div class="project-info">
<latency-indicator />
<div class="name-container">
<span class="name">{{ name }}</span>
<span class="descriptor">{{ descriptor }}</span>
<v-text-overflow placement="right" class="name" :text="name" />
<v-text-overflow placement="right" class="descriptor" :text="descriptor" />
</div>
</div>
</template>
@@ -33,17 +33,16 @@ export default defineComponent({
align-items: center;
width: 100%;
height: 60px;
padding: 0 20px;
padding-left: 20px;
color: var(--foreground-normal-alt);
text-align: left;
background-color: var(--background-normal-alt);
.name-container {
flex-grow: 1;
width: 100px;
margin-left: 12px;
line-height: 1.3;
white-space: nowrap;
text-overflow: ellipsis;
}
.name {