Skip to content

Commit 8575e5b

Browse files
fix(files-list): prevent status chip text from wrapping vertically
Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
1 parent 1808e99 commit 8575e5b

1 file changed

Lines changed: 7 additions & 9 deletions

File tree

src/views/FilesList/FileEntry/FileEntryStatus.vue

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -52,25 +52,23 @@ export default {
5252
--chip-size: 24px;
5353
--chip-radius: 12px;
5454
55-
display: inline-block;
55+
display: inline-flex;
56+
align-items: center;
5657
min-height: var(--chip-size);
5758
max-width: 100%;
58-
padding: 4px 12px;
59+
padding: 4px 10px;
5960
border-radius: var(--chip-radius);
6061
line-height: 1.3;
6162
text-align: center;
62-
white-space: pre-wrap;
63-
word-wrap: break-word;
64-
overflow-wrap: break-word;
65-
hyphens: auto;
63+
white-space: nowrap;
6664
vertical-align: middle;
6765
6866
&__text {
6967
display: inline-block;
7068
max-width: 100%;
71-
white-space: pre-wrap;
72-
word-wrap: break-word;
73-
overflow-wrap: break-word;
69+
white-space: nowrap;
70+
overflow: hidden;
71+
text-overflow: ellipsis;
7472
}
7573
7674
&--error {

0 commit comments

Comments
 (0)