Merge pull request #17128 from newrelic/tabatha/mobile-homepage

ProductTile mobile hover
newrelic · Apr 30, 2024 · e5a3a0b · e5a3a0b
2 parents 2c1be51 + 3f88458
commit e5a3a0b
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/components/Onboarding/OnboardingStep.js b/src/components/Onboarding/OnboardingStep.js
@@ -85,6 +85,7 @@ const Card = styled.div`
 
   @media screen and (max-width: 1000px) {
     margin-bottom: 24px;
+    margin-left: 0;
   }
 `;
 

diff --git a/src/components/ProductTile.js b/src/components/ProductTile.js
@@ -109,6 +109,17 @@ const ProductTile = ({ children, icon, title, to }) => {
           .dark-mode & {
             border: var(--secondary-background-color) solid 1px; // prevent shifting on hover
           }
+          @media screen and (max-width: 1000px) {
+            &:hover {
+              transform: none;
+              height: 100%;
+              width: 100%;
+
+              .text {
+                display: none;
+              }
+            }
+          }
         `}
         to={to}
       >