max-height inside event-list-item changed from 90px to fit-content

focallocal · Nov 22, 2023 · 3302696 · 3302696
1 parent 5631ecc
commit 3302696
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/imports/client/ui/pages/Map/EventsFilter/index.js b/imports/client/ui/pages/Map/EventsFilter/index.js
@@ -66,7 +66,8 @@ class FiltersList extends Component {
                   key={index}
                   className="checkbox"
                   style={{
-                    marginLeft: category.parent !== true ? '20px' : '0px',
+                    //marginLeft: category.parent !== true ? '20px' : '0px',
+                    paddingLeft: category.parent !== true ? '2em' : '0em',
                     color: category.color,
                     display: category.hidden === true ? 'none' : 'block'
                   }}
@@ -79,7 +80,7 @@ class FiltersList extends Component {
                     onChange={this.handleFilterChange}
                     onClick={category.parent === true ? this.expandCategory : null}
                   />
-                  <Label
+                  <Label 
                     check
                     for={'filter-' + index}
                   >

diff --git a/imports/client/ui/pages/Map/EventsFilter/styles.scss b/imports/client/ui/pages/Map/EventsFilter/styles.scss
@@ -5,7 +5,7 @@
   top: 0;
   left: 0;
   height: calc(100vh - #{$menu-height});
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+  //box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
   transform: translate($map-events-list-width, calc(-100vh - #{$menu-height}));
   transition: transform .3s ease;
   will-change: transform;
@@ -77,4 +77,8 @@
       };
     }
   }
-}
+  //added margin to justify text alignemnt next to checkbox.
+  .form-check-label{
+    margin-left: 0.5em;
+  }
+}
diff --git a/imports/client/ui/pages/Map/EventsList/EventsListItem/styles.scss b/imports/client/ui/pages/Map/EventsList/EventsListItem/styles.scss
@@ -3,7 +3,7 @@
 .event-list-item {
   position: relative;
   min-height: 90px;
-  max-height: 90px;
+  max-height: fit-content;
   border-radius: 0 !important;
   border-right: 0;
   border-left: 0;