From afe2955a2551c4fd495dab083a8eccdcc303b2e7 Mon Sep 17 00:00:00 2001 From: trisua Date: Thu, 5 Jun 2025 21:28:01 -0400 Subject: [PATCH] fix: poll option text overflow --- crates/app/src/public/css/style.css | 6 ++++++ crates/app/src/public/html/components.lisp | 8 ++++---- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/crates/app/src/public/css/style.css b/crates/app/src/public/css/style.css index 4d295d1..6588f0e 100644 --- a/crates/app/src/public/css/style.css +++ b/crates/app/src/public/css/style.css @@ -735,6 +735,12 @@ select:focus { height: 25px; } +.poll_option { + height: max-content; + overflow: auto; + overflow-wrap: anywhere; +} + /* pillmenu */ .pillmenu { display: flex; diff --git a/crates/app/src/public/html/components.lisp b/crates/app/src/public/html/components.lisp index 595964f..9107706 100644 --- a/crates/app/src/public/html/components.lisp +++ b/crates/app/src/public/html/components.lisp @@ -1465,14 +1465,14 @@ ; option a (button - ("class" "hover_left_bar tertiary justify-start w-full") + ("class" "hover_left_bar tertiary justify-start w-full poll_option") ("onclick" "trigger('me::vote', ['{{ post.id }}', 'A'])") (icon (text "tally-1")) (text "{{ poll[0].option_a }}")) ; option b (button - ("class" "hover_left_bar tertiary justify-start w-full") + ("class" "hover_left_bar tertiary justify-start w-full poll_option") ("onclick" "trigger('me::vote', ['{{ post.id }}', 'B'])") (icon (text "tally-2")) (text "{{ poll[0].option_b }}")) @@ -1480,7 +1480,7 @@ ; option c (text "{% if poll[0].option_c -%}") (button - ("class" "hover_left_bar tertiary justify-start w-full") + ("class" "hover_left_bar tertiary justify-start w-full poll_option") ("onclick" "trigger('me::vote', ['{{ post.id }}', 'C'])") (icon (text "tally-3")) (text "{{ poll[0].option_c }}")) @@ -1489,7 +1489,7 @@ ; option d (text "{% if poll[0].option_d -%}") (button - ("class" "hover_left_bar tertiary justify-start w-full") + ("class" "hover_left_bar tertiary justify-start w-full poll_option") ("onclick" "trigger('me::vote', ['{{ post.id }}', 'D'])") (icon (text "tally-4")) (text "{{ poll[0].option_d }}"))