From 99ab457e49f933ddd056f228ea930c2abcfb021e Mon Sep 17 00:00:00 2001 From: Damian Krzeminski Date: Mon, 27 Nov 2023 15:44:25 +0200 Subject: [PATCH] adjust CSS to better support long resort names --- public/stylesheets/style.styl | 11 +++++++---- views/resort.jade | 5 +++-- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/public/stylesheets/style.styl b/public/stylesheets/style.styl index 13009569..c2428885 100644 --- 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 index a035462c..a2110393 100644 --- 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