From: Anton Khorev <tony29@yandex.ru>
Date: Wed, 17 Apr 2024 14:30:53 +0000 (+0300)
Subject: Force word wrap in tag table
X-Git-Tag: live~134^2
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/da454f0593c6c0ab96d6a244d1f84e885c46ef37

Force word wrap in tag table

Bootstrap disables word wrap in rtl, this overrides it.
---

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 549226f58..61c825fca 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -616,6 +616,8 @@ tr.turn {
   .browse-tag-list {
     table-layout: fixed;
     white-space: pre-wrap;
+    word-wrap: break-word;
+    word-break: break-word;
 
     tr:last-child th, tr:last-child td {
       border-bottom: 0;
diff --git a/app/views/browse/_tag_details.html.erb b/app/views/browse/_tag_details.html.erb
index 2b4ec1bb0..cb876198c 100644
--- a/app/views/browse/_tag_details.html.erb
+++ b/app/views/browse/_tag_details.html.erb
@@ -1,7 +1,7 @@
 <% unless tag_details.empty? %>
   <h4><%= t ".tags" %></h4>
   <div class='mb-3 border border-secondary-subtle rounded overflow-hidden'>
-    <table class='mb-0 browse-tag-list table align-middle text-break'>
+    <table class='mb-0 browse-tag-list table align-middle'>
       <%= render :partial => "browse/tag", :collection => tag_details.sort %>
     </table>
   </div>