CERBERUS/3x-ui
1
0
Fork 0
mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-10-21 03:11:08 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

fix(frontend): wrap overview modal action buttons on long labels

Browse source 
The Geodata Auto-Update actions row is a non-wrapping flex row with no
gap. Its three buttons fit in English, but the longer Russian, Ukrainian
and Turkish labels make the row wider than the default-width modal, so
the buttons spill out of it. The row now wraps with an 8px gap.

.actions-row is a global class defined identically in VersionModal.css
and PanelUpdateModal.css, so both copies change to keep the cascade
order irrelevant. Verified in Chromium with a temporary Storybook story
rendering VersionModal in ru-RU: the first button sat 88px outside the
modal before the change and inside it after.

Closes #6737
This commit is contained in:
MHSanaei 2026-10-05 20:20:52 +02:00
parent aacfaebab8
commit 49fbcdc09c
2 changed files with 4 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/pages/index/PanelUpdateModal.css
View file

@ -19,6 +19,8 @@
.actions-row {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
margin-top: 12px;
}

2
frontend/src/pages/index/VersionModal.css
View file

@ -25,6 +25,8 @@
.actions-row {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
gap: 8px;
margin-top: 12px;
}