Merge pull request #57 from Vizzuality/SKY30-117-fe-blank-space-when-the

[SKY30-117]: fixes white gap on right side after collapsing sidebar
Vizzuality · Nov 15, 2023 · 3893654 · 3893654
2 parents 0211d9b + 45007d2
commit 3893654
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/frontend/src/containers/data-tool/content/details/index.tsx b/frontend/src/containers/data-tool/content/details/index.tsx
@@ -39,7 +39,7 @@ const DataToolDetails: React.FC = () => {
           Close
         </Button>
       </div>
-      <div className="overflow-scroll">
+      <div className="overflow-x-auto overflow-y-auto">
         <div className="mt-4">
           <table.component />
         </div>

diff --git a/frontend/src/containers/data-tool/content/details/table/filters-button/index.tsx b/frontend/src/containers/data-tool/content/details/table/filters-button/index.tsx
@@ -72,7 +72,7 @@ const FiltersButton: React.FC<FiltersButtonProps> = ({ field, options, values, o
   return (
     <div>
       <Popover open={isFiltersOpen} onOpenChange={setIsFiltersOpen}>
-        <PopoverTrigger>
+        <PopoverTrigger asChild>
           <Button className="-ml-4" size="icon" variant="ghost">
             <span className="sr-only">Filter</span>
             <Filter className={ICON_CLASSNAMES} aria-hidden />

diff --git a/frontend/src/containers/data-tool/content/index.tsx b/frontend/src/containers/data-tool/content/index.tsx
@@ -7,10 +7,14 @@ const DataToolContent: React.FC = () => {
   const [{ showDetails }] = useSyncDataToolContentSettings();
 
   return (
-    <div className="relative h-full w-full">
+    <>
       <Map />
-      {showDetails && <Details />}
-    </div>
+      {showDetails && (
+        <div className="relative h-full w-full">
+          <Details />
+        </div>
+      )}
+    </>
   );
 };