portico: Add on hover effect on tour card.

Clicking anywhere on the tour card opens the tour, but it's not visually apparent. This commit adds box-shadow and changes the mouse pointer as an on-hover behavior. Fixes zulip#12853
wryonik · Mar 29, 2020 · 08951a0 · 08951a0
1 parent 6b86d90
commit 08951a0
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/static/styles/portico/landing-page.scss b/static/styles/portico/landing-page.scss
@@ -1376,6 +1376,11 @@ nav ul li.active::after {
     opacity: 0.4;
 }
 
+.tour .carousel-inner .start-image:hover {
+    box-shadow: 0px 3px 10px hsla(0, 0%, 0%, 0.3);
+    cursor: pointer;
+}
+
 .tour .carousel-inner .tour-item-header {
     margin: 0 0 30px 54px;
     max-width: 700px;