Adds an ellipsis and max width to profile nav token name (#24240)

This commit is contained in:
Phil Renaud
2024-10-17 23:50:24 -04:00
committed by GitHub
parent 3aaf6d8791
commit ec53cccbc8
2 changed files with 11 additions and 0 deletions

3
.changelog/24240.txt Normal file
View File

@@ -0,0 +1,3 @@
```release-note:bug
ui: Put a max-width on token name so it doesn't collide with the search box in the top nav
```

View File

@@ -177,6 +177,14 @@ $secondaryNavbarHeight: 4.5rem;
}
}
.profile-dropdown .hds-dropdown-toggle-button__text {
max-width: 150px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
direction: rtl;
}
.custom-label {
border-radius: 1rem;
padding: 0.25rem 1rem;