Show connector arrow on mobile view

richardjanssen · Mar 1, 2024 · b074d63 · b074d63
1 parent 795015f
commit b074d63
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/src/app/pages/hike/highlights-chain/highlights-chain.component.scss b/src/app/pages/hike/highlights-chain/highlights-chain.component.scss
@@ -58,7 +58,6 @@
     }
 
     .connector {
-        position: relative;
         height: calc(100% + $margin);
         width: $connectorBorderWidth;
         margin-left: calc(0.5rem * var(--connector-width) + 0.5 * $margin);
@@ -73,14 +72,12 @@
         }
 
         @media screen and (max-width: #{$maxWidthSm}) {
+            height: calc(100% + $margin + $spacing);
             margin-left: auto;
             margin-right: auto;
             left: 0;
             right: 0;
-
-            .connector-top {
-                display: none;
-            }
+            top: calc(-1 * $spacing);
         }
 
         .connector-top {