Undo expanding daydescription for MFP by default

webkom · Aug 9, 2023 · 8e0afae · 8e0afae
1 parent c0e33ee
commit 8e0afae
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/components/EventsListView/CollapsibleItem.tsx b/components/EventsListView/CollapsibleItem.tsx
@@ -39,7 +39,11 @@ const CollapsibleItem: React.FC<PropsWithChildren<Props>> = ({
             : { height: minHeight || "0px" }
         }
       >
-        <div className={styles.collapsibleItem} ref={contentRef}>
+        <div
+          className={styles.collapsibleItem}
+          style={{ minHeight: minHeight }}
+          ref={contentRef}
+        >
           {children}
         </div>
 

diff --git a/components/EventsListView/index.tsx b/components/EventsListView/index.tsx
@@ -82,7 +82,7 @@ const EventsListView: React.FC<EventsListViewProps> = ({
           {day.description && (
             <CollapsibleItem
               title=""
-              minHeight={expandDayDescriptionsByDefault ? undefined : "80px"}
+              minHeight={expandDayDescriptionsByDefault ? undefined : "70px"}
               initiallyOpen={expandDayDescriptionsByDefault}
             >
               <div className={styles.description}>

diff --git a/components/EventsListView/styles.module.css b/components/EventsListView/styles.module.css
@@ -50,6 +50,7 @@
   background-color: var(--day-description);
   font-size: 1em;
   padding: 0.8em;
+  min-height: inherit;
 }
 
 .description > p {
@@ -73,6 +74,6 @@
   position: absolute;
   top: 0;
   left: 0;
-  height: 100%;
+  height: inherit;
   width: 100%;
 }
diff --git a/pages/masterfadderperioden.tsx b/pages/masterfadderperioden.tsx
@@ -108,7 +108,6 @@ export const Events: NextPage<EventsProps> = ({ dayDescriptions }) => {
           isLoadingEvents={isLoading}
           events={events}
           dayDescriptions={dayDescriptions}
-          expandDayDescriptionsByDefault
         />
       </InfoSectionWrapper>
     </>