chore: remove all buttons except export and adjust hardcoded pixel wi…

…dths for responsiveness
Longhorn-Developers · Feb 4, 2025 · a66fc03 · a66fc03
1 parent ae3372d
commit a66fc03
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 21 deletions.
diff --git a/src/views/components/calendar/CalendarHeader/CalendarHeader.module.scss b/src/views/components/calendar/CalendarHeader/CalendarHeader.module.scss
@@ -13,15 +13,16 @@
         white-space: nowrap;
     }
 
-    @container (width < 610px) {
+    // value with all buttons is 610px
+    @container (width < 90px) {
         .primaryActions span {
             @include visually-hidden;
         }
     }
 
-    @container (width < 445px) {
-        .secondaryActions span {
-            @include visually-hidden;
-        }
-    }
+    // @container (width < 445px) {
+    //     .secondaryActions span {
+    //         @include visually-hidden;
+    //     }
+    // }
 }
diff --git a/src/views/components/calendar/CalendarHeader/CalendarHeader.tsx b/src/views/components/calendar/CalendarHeader/CalendarHeader.tsx
@@ -1,14 +1,5 @@
 import { Menu, MenuButton, MenuItem, MenuItems } from '@headlessui/react';
-import {
-    BookmarkSimple,
-    CalendarDots,
-    Export,
-    FilePng,
-    MapPinArea,
-    PlusCircle,
-    SelectionPlus,
-    Sidebar,
-} from '@phosphor-icons/react';
+import { CalendarDots, Export, FilePng, Sidebar } from '@phosphor-icons/react';
 import styles from '@views/components/calendar/CalendarHeader/CalendarHeader.module.scss';
 import { Button } from '@views/components/common/Button';
 import DialogProvider from '@views/components/common/DialogProvider/DialogProvider';
@@ -56,7 +47,8 @@ export default function CalendarHeader({ sidebarOpen, onSidebarToggle }: Calenda
                 />
             </div>
             <Divider className='self-center screenshot:hidden' size='1.75rem' orientation='vertical' />
-            <div className={clsx(styles.cqInline, 'flex flex-1 gap-5 min-w-[310px] screenshot:hidden')}>
+            {/* min-w-[310px] is the value with all the buttons */}
+            <div className={clsx(styles.cqInline, 'flex flex-1 gap-5 min-w-[45x] screenshot:hidden')}>
                 <div className={clsx(styles.primaryActions, 'min-w-fit flex gap-5')}>
                     <DialogProvider>
                         <Menu>
@@ -110,22 +102,22 @@ export default function CalendarHeader({ sidebarOpen, onSidebarToggle }: Calenda
                             </MenuItems>
                         </Menu>
                     </DialogProvider>
-                    <Button className='invisible' color='ut-black' size='small' variant='minimal' icon={PlusCircle}>
+                    {/* <Button className='invisible' color='ut-black' size='small' variant='minimal' icon={PlusCircle}>
                         Quick Add
                     </Button>
                     <Button className='invisible' color='ut-black' size='small' variant='minimal' icon={SelectionPlus}>
                         Block
-                    </Button>
+                    </Button> */}
                 </div>
-                <Divider className='self-center' size='1.75rem' orientation='vertical' />
+                {/* <Divider className='self-center' size='1.75rem' orientation='vertical' />
                 <div className={clsx(styles.secondaryActions, 'min-w-fit flex flex-1 justify-end gap-5')}>
                     <Button className='invisible' color='ut-black' size='small' variant='minimal' icon={BookmarkSimple}>
                         Bookmarks
                     </Button>
                     <Button className='invisible' color='ut-black' size='small' variant='minimal' icon={MapPinArea}>
                         UT Map
                     </Button>
-                </div>
+                </div> */}
             </div>
         </div>
     );