fix(ui): hide search bar behind slideover when opened (sct#3348)

danshilm · web-flow · commit b3882de8930a · 2023-02-24T02:03:01.000Z
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -16,5 +16,8 @@
     }
   ],
   "editor.formatOnSave": true,
-  "typescript.preferences.importModuleSpecifier": "non-relative"
+  "typescript.preferences.importModuleSpecifier": "non-relative",
+  "files.associations": {
+    "globals.css": "tailwindcss"
+  }
 }
diff --git a/src/components/Common/SlideOver/index.tsx b/src/components/Common/SlideOver/index.tsx
@@ -67,7 +67,7 @@ const SlideOver = ({
             >
               {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
               <div
-                className="slideover relative h-full w-screen max-w-md p-2 sm:p-4"
+                className="slideover relative h-full w-screen max-w-md p-2 sm:p-3"
                 ref={slideoverRef}
                 onClick={(e) => e.stopPropagation()}
               >
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -43,8 +43,8 @@
   }
 
   .slideover {
-    padding-top: calc(1rem + env(safe-area-inset-top)) !important;
-    padding-bottom: calc(1rem + env(safe-area-inset-top)) !important;
+    padding-top: calc(0.75rem + env(safe-area-inset-top)) !important;
+    padding-bottom: calc(0.75rem + env(safe-area-inset-top)) !important;
   }
 
   .sidebar-close-button {

Original file line number	Diff line number	Diff line change
`@@ -16,5 +16,8 @@`
`16`	`16`	`}`
`17`	`17`	`],`
`18`	`18`	`"editor.formatOnSave": true,`
`19`		`- "typescript.preferences.importModuleSpecifier": "non-relative"`
	`19`	`+ "typescript.preferences.importModuleSpecifier": "non-relative",`
	`20`	`+ "files.associations": {`
	`21`	`+ "globals.css": "tailwindcss"`
	`22`	`+ }`
`20`	`23`	`}`
Original file line number	Diff line number	Diff line change
`@@ -67,7 +67,7 @@ const SlideOver = ({`
`67`	`67`	`>`
`68`	`68`	`{/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}`
`69`	`69`	`<div`
`70`		`- className="slideover relative h-full w-screen max-w-md p-2 sm:p-4"`
	`70`	`+ className="slideover relative h-full w-screen max-w-md p-2 sm:p-3"`
`71`	`71`	`ref={slideoverRef}`
`72`	`72`	`onClick={(e) => e.stopPropagation()}`
`73`	`73`	`>`
Original file line number	Diff line number	Diff line change
`@@ -43,8 +43,8 @@`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`.slideover {`
`46`		`- padding-top: calc(1rem + env(safe-area-inset-top)) !important;`
`47`		`- padding-bottom: calc(1rem + env(safe-area-inset-top)) !important;`
	`46`	`+ padding-top: calc(0.75rem + env(safe-area-inset-top)) !important;`
	`47`	`+ padding-bottom: calc(0.75rem + env(safe-area-inset-top)) !important;`
`48`	`48`	`}`
`49`	`49`
`50`	`50`	`.sidebar-close-button {`