Merge pull request #1179 from Vizzuality/fix/lang-sel

Fix/lang sel
Vizzuality · Nov 13, 2024 · 8892064 · 8892064
2 parents 9fb73e5 + f6f0fe4
commit 8892064
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 12 deletions.
diff --git a/src/containers/navigation/index.tsx b/src/containers/navigation/index.tsx
@@ -7,7 +7,8 @@ const HELPER_ID = 'menu-categories';
 
 const AppTools = () => (
   <div className="fixed top-2 left-4 z-20 hidden h-11 w-[526px] rounded-4xl bg-brand-800 px-5 shadow-md print:hidden md:block">
-    <div className="grid grid-cols-4 gap-4">
+    {/* <div className="grid h-full grid-cols-4 gap-4"> */}
+    <div className="flex h-full items-center justify-around">
       <div className="flex items-center justify-center">
         <Menu />
       </div>
@@ -16,9 +17,9 @@ const AppTools = () => (
         <News />
       </div>
 
-      <div className="flex items-center justify-center">
+      {/* <div className="flex items-center justify-center">
         <LanguageSelector />
-      </div>
+      </div> */}
 
       <div className="flex h-full items-center justify-center">
         <Helper

diff --git a/src/containers/navigation/menu/index.tsx b/src/containers/navigation/menu/index.tsx
@@ -41,7 +41,7 @@ const Menu = () => {
             data-testid="menu-button"
             type="button"
             onClick={() => setSection('main')}
-            className="flex items-center space-x-2"
+            className="flex h-full items-center space-x-2"
           >
             <Icon icon={MENU_SVG} className="h-6 w-6" description="Menu" />
             <span className="font-sans text-sm text-white">Menu</span>

diff --git a/src/containers/navigation/mobile/configure/index.tsx b/src/containers/navigation/mobile/configure/index.tsx
@@ -11,7 +11,7 @@ const ConfigureWidgets = () => {
     <Dialog>
       <DialogTrigger asChild>
         <div
-          className="flex flex-col items-center space-y-1 pt-1 text-white"
+          className="flex h-full flex-col items-center space-y-1 pt-1 text-white"
           data-testid="widgets-deck-trigger-mobile"
         >
           <Icon

diff --git a/src/containers/navigation/mobile/index.tsx b/src/containers/navigation/mobile/index.tsx
@@ -7,11 +7,11 @@ import News from 'containers/navigation/mobile/news';
 const NavigationMobile = () => {
   return (
     <div className="fixed -bottom-0.5 z-50 h-36 w-screen bg-[url('/images/mobile-sidebar-bg.svg')] bg-cover bg-no-repeat">
-      <div className="max-w-screen mt-14 flex h-24 items-center justify-center space-x-6">
+      <div className="max-w-screen mt-20 flex h-24 items-center justify-center space-x-6">
         <Locations />
         <News />
         <ConfigureWidgets />
-        <LanguageSelector />
+        {/* <LanguageSelector /> */}
         <MapToggle />
       </div>
     </div>

diff --git a/src/containers/navigation/mobile/locations/index.tsx b/src/containers/navigation/mobile/locations/index.tsx
@@ -19,7 +19,7 @@ const LocationsMobile = () => {
   }, []);
 
   return (
-    <div className="flex flex-col space-y-1.5 text-center">
+    <div className="flex h-full flex-col space-y-1.5 text-center">
       <Dialog open={isOpen}>
         <DialogTrigger asChild>
           <button

diff --git a/src/containers/navigation/mobile/map-toggle/index.tsx b/src/containers/navigation/mobile/map-toggle/index.tsx
@@ -16,7 +16,7 @@ const MapToggle = () => {
   const [mapView, setMapView] = useRecoilState(mapViewAtom);
 
   return (
-    <div className="flex flex-col items-center">
+    <div className="flex h-full flex-col items-center">
       <button
         className={cn({
           'my-0.5 box-border flex h-9 w-9 cursor-pointer items-center justify-center rounded-full border-2 border-white':

diff --git a/src/containers/navigation/mobile/news/index.tsx b/src/containers/navigation/mobile/news/index.tsx
@@ -8,8 +8,8 @@ import NEWS_SVG from 'svgs/tools-bar/news.svg?sprite';
 const MobileNews = () => (
   <>
     <Dialog>
-      <DialogTrigger>
-        <div className="flex w-12 cursor-pointer flex-col items-center space-y-1.5 pt-1.5">
+      <DialogTrigger className="h-full">
+        <div className="flex h-full w-12 cursor-pointer flex-col items-center space-y-1.5 pt-1.5">
           <Icon icon={NEWS_SVG} className="h-7 w-7 text-white" description="News" />
           <span className="text-xxs text-white">News</span>
         </div>

diff --git a/src/containers/navigation/news/index.tsx b/src/containers/navigation/news/index.tsx
@@ -19,7 +19,7 @@ const News = () => {
   return (
     <Dialog>
       <DialogTrigger>
-        <div data-testid="news-button" className="flex cursor-pointer">
+        <div data-testid="news-button" className="flex h-full cursor-pointer">
           <Helper
             className={{
               button: '-top-2.5 -right-4 z-20',