Merge pull request #687 from commons-stack/bug/export_dropdown_squeezed

Export dropdown gets squeezed when "close period" button is visible #684
givepraise · Nov 21, 2022 · 58a26fd · 58a26fd
2 parents bd7451b + d86c58b
commit 58a26fd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/frontend/src/pages/Periods/Details/components/ExportDropdown.tsx b/packages/frontend/src/pages/Periods/Details/components/ExportDropdown.tsx
@@ -50,7 +50,10 @@ export const ExportDropdown = (): JSX.Element | null => {
   customExportTransformer &&
     exportOptions.push({
       value: 'export-custom',
-      label: customExportTransformer.name,
+      label:
+        customExportTransformer.name.length > 30
+          ? customExportTransformer.name.substring(0, 30) + '...'
+          : customExportTransformer.name,
     });
 
   const handleExportFull = (): void => {

diff --git a/packages/frontend/src/pages/Periods/Details/components/PeriodDetails.tsx b/packages/frontend/src/pages/Periods/Details/components/PeriodDetails.tsx
@@ -120,9 +120,7 @@ export const PeriodDetails = (): JSX.Element | null => {
                   </Button>
                 ) : null}
                 {period.status === 'QUANTIFY' && isAdmin ? (
-                  <div className="w-3/12">
-                    <ExportDropdown />
-                  </div>
+                  <ExportDropdown />
                 ) : null}
                 <Button
                   variant={'outline'}