فهرست منبع

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

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
MHSanaei 1 روز پیش
والد
کامیت
49fbcdc09c
2فایلهای تغییر یافته به همراه4 افزوده شده و 0 حذف شده
  1. 2 0
      frontend/src/pages/index/PanelUpdateModal.css
  2. 2 0
      frontend/src/pages/index/VersionModal.css

+ 2 - 0
frontend/src/pages/index/PanelUpdateModal.css

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

+ 2 - 0
frontend/src/pages/index/VersionModal.css

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