fix(ui): add max-width 280px to tabs with text truncation
This commit is contained in:
parent
2d0049f0d9
commit
c68261fc06
3 changed files with 8 additions and 4 deletions
|
|
@ -54,6 +54,7 @@
|
|||
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
max-width: 280px;
|
||||
border-bottom: 1px solid var(--border-weak-base);
|
||||
border-right: 1px solid var(--border-weak-base);
|
||||
background-color: var(--background-base);
|
||||
|
|
@ -62,8 +63,11 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 14px 24px;
|
||||
padding: 14px 24px 14px 12px;
|
||||
outline: none;
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
&:focus-visible {
|
||||
outline: none;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue