Skip to content

Commit 422e3d9

Browse files
committed
fix(files_versions): give the version label a min width so it does not get invisible if the author name is long
Signed-off-by: Julien Veyssier <julien-nc@posteo.net>
1 parent 3bc4e0f commit 422e3d9

1 file changed

Lines changed: 11 additions & 1 deletion

File tree

apps/files_versions/src/components/Version.vue

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -45,7 +45,10 @@
4545
disable-menu
4646
disable-tooltip
4747
:show-user-status="false" />
48-
<div>{{ versionAuthor }}</div>
48+
<div class="version__info__author_name"
49+
:title="versionAuthor">
50+
{{ versionAuthor }}
51+
</div>
4952
</div>
5053
</div>
5154
</template>
@@ -349,12 +352,19 @@ export default defineComponent({
349352
gap: 0.5rem;
350353
color: var(--color-main-text);
351354
font-weight: 500;
355+
overflow: hidden;
352356
353357
&__label {
354358
font-weight: 700;
355359
// Fix overflow on narrow screens
356360
overflow: hidden;
357361
text-overflow: ellipsis;
362+
min-width: 110px;
363+
}
364+
365+
&__author_name {
366+
overflow: hidden;
367+
text-overflow: ellipsis;
358368
}
359369
360370
&__date {

0 commit comments

Comments
 (0)