From 8dcc71e88222fa0686bf8ebdac434c8358011aa3 Mon Sep 17 00:00:00 2001
From: JannikStreek <Jannik.streek@gmail.com>
Date: Wed, 13 Nov 2024 15:17:06 +0100
Subject: [PATCH] add word and line break for long labels (#481)

---
 lib/mindwendel_web/components/core_components.ex          | 4 ++--
 lib/mindwendel_web/live/brainstorming_live/show.html.heex | 2 +-
 .../live/idea_live/card_component.html.heex               | 2 +-
 .../live/label_live/captions_component.html.heex          | 3 +--
 priv/gettext/de/LC_MESSAGES/default.po                    | 8 ++++++--
 priv/gettext/default.pot                                  | 6 +++++-
 priv/gettext/en/LC_MESSAGES/default.po                    | 6 +++++-
 7 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/lib/mindwendel_web/components/core_components.ex b/lib/mindwendel_web/components/core_components.ex
index 349e382f..d72b6dac 100644
--- a/lib/mindwendel_web/components/core_components.ex
+++ b/lib/mindwendel_web/components/core_components.ex
@@ -716,11 +716,11 @@ defmodule MindwendelWeb.CoreComponents do
 
   def filter_button(assigns) do
     ~H"""
-    <div class="m-1">
+    <div class="d-inline">
       <button
         type="button"
         class={[
-          "btn btn-sm text-light rounded-pill",
+          "btn btn-sm text-light rounded-pill m-1",
           @filter_active && "border border-2 border-primary",
           @class
         ]}
diff --git a/lib/mindwendel_web/live/brainstorming_live/show.html.heex b/lib/mindwendel_web/live/brainstorming_live/show.html.heex
index 6b2c68be..518bfe3b 100644
--- a/lib/mindwendel_web/live/brainstorming_live/show.html.heex
+++ b/lib/mindwendel_web/live/brainstorming_live/show.html.heex
@@ -94,7 +94,7 @@
       id="idea-modal"
       show
       on_cancel={JS.patch(~p"/brainstormings/#{@brainstorming.id}")}
-      title={gettext("Show idea")}
+      title={gettext("Idea details")}
     >
       <.live_component
         module={MindwendelWeb.IdeaLive.ShowComponent}
diff --git a/lib/mindwendel_web/live/idea_live/card_component.html.heex b/lib/mindwendel_web/live/idea_live/card_component.html.heex
index 81c44ece..07dd5f60 100644
--- a/lib/mindwendel_web/live/idea_live/card_component.html.heex
+++ b/lib/mindwendel_web/live/idea_live/card_component.html.heex
@@ -38,7 +38,7 @@
     <%= for idea_label <- Enum.sort_by(@idea.idea_labels, &(&1.position_order)) do %>
       <span
         id={"idea-label-#{uuid()}"}
-        class="IndexComponent__IdeaLabelBadge mb-3"
+        class="IndexComponent__IdeaLabelBadge mb-3 text-wrap text-break"
         data-testid={idea_label.id}
         data-color={idea_label.color}
         phx-hook="SetIdeaLabelBackgroundColor"
diff --git a/lib/mindwendel_web/live/label_live/captions_component.html.heex b/lib/mindwendel_web/live/label_live/captions_component.html.heex
index a16414f2..3875c8b8 100644
--- a/lib/mindwendel_web/live/label_live/captions_component.html.heex
+++ b/lib/mindwendel_web/live/label_live/captions_component.html.heex
@@ -1,4 +1,4 @@
-<div class="d-flex flex-row justify-content-end">
+<div class="justify-content-end">
   <%= for brainstorming_idea_label <- @brainstorming.labels do %>
     <% filter_active = Enum.member?(@brainstorming.filter_labels_ids, brainstorming_idea_label.id) %>
     <.filter_button
@@ -14,7 +14,6 @@
   <% end %>
   <%= if has_moderating_permission(@brainstorming, @current_user) do %>
     <.filter_button
-      class="d-flex"
       label_id="filter-label-reset"
       color="grey"
       id={"idea-caption-#{uuid()}"}
diff --git a/priv/gettext/de/LC_MESSAGES/default.po b/priv/gettext/de/LC_MESSAGES/default.po
index f493ee5f..94e55ed6 100644
--- a/priv/gettext/de/LC_MESSAGES/default.po
+++ b/priv/gettext/de/LC_MESSAGES/default.po
@@ -386,7 +386,7 @@ msgstr "Neues Label"
 #: lib/mindwendel_web/live/admin/brainstorming_live/edit.html.heex:101
 #, elixir-autogen, elixir-format
 msgid "Choose the label color"
-msgstr ""
+msgstr "Labelfarbe wählen"
 
 #: lib/mindwendel_web/live/admin/brainstorming_live/edit.html.heex:90
 #, elixir-autogen, elixir-format, fuzzy
@@ -548,7 +548,6 @@ msgstr "Löschen"
 msgid "No comments available"
 msgstr "Keine Kommentare vorhanden"
 
-#: lib/mindwendel_web/live/brainstorming_live/show.html.heex:97
 #: lib/mindwendel_web/live/idea_live/card_component.html.heex:33
 #, elixir-autogen, elixir-format, fuzzy
 msgid "Show idea"
@@ -570,3 +569,8 @@ msgstr "Impressum"
 #, elixir-autogen, elixir-format
 msgid "Privacy"
 msgstr "Datenschutzerklärung"
+
+#: lib/mindwendel_web/live/brainstorming_live/show.html.heex:97
+#, elixir-autogen, elixir-format
+msgid "Idea details"
+msgstr "Detailansicht"
diff --git a/priv/gettext/default.pot b/priv/gettext/default.pot
index 932f373f..36aad09c 100644
--- a/priv/gettext/default.pot
+++ b/priv/gettext/default.pot
@@ -547,7 +547,6 @@ msgstr ""
 msgid "No comments available"
 msgstr ""
 
-#: lib/mindwendel_web/live/brainstorming_live/show.html.heex:97
 #: lib/mindwendel_web/live/idea_live/card_component.html.heex:33
 #, elixir-autogen, elixir-format
 msgid "Show idea"
@@ -569,3 +568,8 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Privacy"
 msgstr ""
+
+#: lib/mindwendel_web/live/brainstorming_live/show.html.heex:97
+#, elixir-autogen, elixir-format
+msgid "Idea details"
+msgstr ""
diff --git a/priv/gettext/en/LC_MESSAGES/default.po b/priv/gettext/en/LC_MESSAGES/default.po
index 3dff1709..326202e6 100644
--- a/priv/gettext/en/LC_MESSAGES/default.po
+++ b/priv/gettext/en/LC_MESSAGES/default.po
@@ -548,7 +548,6 @@ msgstr ""
 msgid "No comments available"
 msgstr ""
 
-#: lib/mindwendel_web/live/brainstorming_live/show.html.heex:97
 #: lib/mindwendel_web/live/idea_live/card_component.html.heex:33
 #, elixir-autogen, elixir-format, fuzzy
 msgid "Show idea"
@@ -570,3 +569,8 @@ msgstr ""
 #, elixir-autogen, elixir-format
 msgid "Privacy"
 msgstr ""
+
+#: lib/mindwendel_web/live/brainstorming_live/show.html.heex:97
+#, elixir-autogen, elixir-format
+msgid "Idea details"
+msgstr ""