Fixed incorrect z-index rendering

Gather307 · May 20, 2024 · fe1a27d · fe1a27d
1 parent 13b21e7
commit fe1a27d
Show file tree

Hide file tree

Showing 3 changed files with 0 additions and 14 deletions.
diff --git a/frontend/src/components/CompactGroup.tsx b/frontend/src/components/CompactGroup.tsx
@@ -26,7 +26,6 @@ const CompactGroupV1 = ({
       padding="15px 20px 15px"
       className="container"
       position="relative"
-      zIndex={2}
     >
       <VStack justifyContent="space-between" height="100%">
         <ConstrainedText

diff --git a/frontend/src/pages/MyGroupsPage.tsx b/frontend/src/pages/MyGroupsPage.tsx
@@ -75,7 +75,6 @@ function GroupPage() {
 
   return (
     <Box
-      zIndex={2}
       display="block"
       width="100%"
       height="100%"

diff --git a/frontend/src/styles/CompactGroup.css b/frontend/src/styles/CompactGroup.css
@@ -2,7 +2,6 @@
   transition: transform ease-out 0.35s, box-shadow ease-in-out 0.2s;
   border-color: #c1c1c1;
   border-width: 5px;
-  z-index: 1;
 }
 .container:hover {
   transform: translateY(-0.8vh);
@@ -15,14 +14,3 @@
   color: var(--col-secondary);
   font-weight: 300;
 }
-
-/* This was used to try adding sharp corners to some edges but I couldn't figure it out. In case we revisit it I left the css class. */
-.corner {
-  transition: box-shadow 0.2s;
-  position: absolute;
-  z-index: -2;
-  width: 50%;
-  height: 50%;
-  border-color: #c1c1c1;
-  border-width: 5px;
-}