tabshift/payload
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): bulk upload action bar buttons wrapping (#13486)

Browse Source 
### What?

Added `white-space: nowrap` to the `.bulk-upload--actions-bar__buttons`
class to ensure button labels remain on a single line.

### Why?

In the bulk upload action bar, buttons containing multi-word labels were
wrapping to two lines, causing them to expand vertically and misalign
with other controls.

### How?

Applied `white-space: nowrap` to `.bulk-upload--actions-bar__buttons` so
all button labels stay on one line, maintaining consistent height and
alignment.

#### Before
<img width="1469" height="525" alt="Screenshot 2025-08-15 at 9 20 07 AM"
src="https://github.com/user-attachments/assets/aecc65ae-7b2f-43ba-96c8-1143fcee7f88"
/>

#### After
<img width="1474" height="513" alt="Screenshot 2025-08-15 at 9 19 55 AM"
src="https://github.com/user-attachments/assets/438c6ee1-b966-4966-8686-37ba4619a25c"
/>
This commit is contained in:
Patrik
2025-08-15 11:49:08 -04:00
committed by GitHub
parent f5d77662b0
commit b7243b1413
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/ui/src/elements/BulkUpload/ActionsBar/index.scss
View File

@@ -47,6 +47,7 @@
display: flex; display: flex;
gap: var(--base); gap: var(--base);
margin-left: auto; margin-left: auto;
white-space: nowrap;
} }
@include mid-break { @include mid-break {