mirror of
https://github.com/nextcloud/server.git
synced 2025-08-20 13:53:39 +00:00
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>
This commit is contained in:
@ -45,7 +45,10 @@
|
|||||||
disable-menu
|
disable-menu
|
||||||
disable-tooltip
|
disable-tooltip
|
||||||
:show-user-status="false" />
|
:show-user-status="false" />
|
||||||
<div>{{ versionAuthor }}</div>
|
<div class="version__info__author_name"
|
||||||
|
:title="versionAuthor">
|
||||||
|
{{ versionAuthor }}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -349,12 +352,19 @@ export default defineComponent({
|
|||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
color: var(--color-main-text);
|
color: var(--color-main-text);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
&__label {
|
&__label {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
// Fix overflow on narrow screens
|
// Fix overflow on narrow screens
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
|
min-width: 110px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&__author_name {
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
&__date {
|
&__date {
|
||||||
|
Reference in New Issue
Block a user