Merge pull request #84 from brianseek/sidebar-regression-fixes

Fixed regression of other sidebars with new filter-bar class.
CivicActions · Feb 11, 2025 · 0a6ee57 · 0a6ee57
2 parents c8393a4 + 3bf7652
commit 0a6ee57
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/frontend/components/view--goal-search.tsx b/src/frontend/components/view--goal-search.tsx
@@ -65,7 +65,7 @@ export default function GoalsSearchView({ filters, goals, total, description }:
       </div>
       <div className={`position-relative ${filtersOpen ? "container-open" : ""}`}> 
         <div className="grid-row flex-row flex-align-center padding-x-205 padding-y-105 bg-white search-goals--container">
-          <div className={`side-bar position-absolute ${filtersOpen ? "" : "filters-closed"}`}>
+          <div className={`side-bar filter-bar position-absolute ${filtersOpen ? "" : "filters-closed"}`}>
             <ViewGoalFacets handleSearch={handleSearch} handleClose={toggleFilters} />
           </div>
           {!filtersOpen && (

diff --git a/src/frontend/styles/style.scss b/src/frontend/styles/style.scss
@@ -31,6 +31,10 @@ $goals-gray: rgba(202, 204, 216, 1);
   min-height: 100%;
   width: 394px;
   max-width: 394px;
+  padding: 24px;
+}
+
+.filter-bar {
   padding: 0 24px 24px;
   border-right: 1px solid $goals-gray;
   position: absolute;