adjust CSS to better support long resort names

pirxpilot · Nov 27, 2023 · 99ab457 · 99ab457
1 parent 86428d6
commit 99ab457
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/public/stylesheets/style.styl b/public/stylesheets/style.styl
@@ -139,10 +139,9 @@ header .ls-furkot
     font-size 1.2em
     border-bottom solid 2px transparent
     vertical-align middle
-
-    a + a,
-    span + span
-      margin-left .2em
+    display flex
+    align-items baseline
+    gap .2em
 
     a
       outline none
@@ -226,6 +225,10 @@ header .ls-furkot
 .resort-link
   font-size .9em
 
+.resort-name
+  flex 1
+  ellipsis()
+
 .summary
   list-style none
   clearfix()

diff --git a/views/resort.jade b/views/resort.jade
@@ -24,10 +24,11 @@ mixin header(resort, widget)
       if resort.deals
         a.icon-alone(title=resort.deals.title, href=resort.deals.href, target="_blank", rel="nofollow noopener")
           span.ls-deal
-      a.right.icon-alone.minimax
-        span.ls-minimax
     a.right.icon-alone.star
       span.ls-star
+    if !single
+      a.right.icon-alone.minimax
+        span.ls-minimax
 
 mixin lifts(resort)
   .lifts-status