studio-variable/designtopack
3
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Add ellipsis to dialog header h2 when content is too long

Browse source
This commit is contained in:
Timothée Goguely 2024-11-20 16:24:24 +01:00
parent a750954940
commit fddde41166
2 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/assets/css/src/2.blocks.dialog.css
View file

@ -34,6 +34,10 @@
text-align: center;
padding: 0 15rem;
line-height: 2.5rem;
max-height: 1lh;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.dialog [data-pc-name="pcclosebutton"] {
color: var(--color-white);

2
src/components/project/brief/PdfViewer.vue
View file

@ -11,7 +11,7 @@
>
<template #header>
<a class="btn">Valider et envoyer le brief</a>
<h2 class="font-serif text-lg">
<h2 class="font-serif text-lg" :title="openedFile?.label.length ? openedFile.label : openedFile.name">
{{ openedFile?.label.length ? openedFile.label : openedFile.name }}
</h2>
</template>