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 549226f58d6c551197f8ef98df0dedb3a18ac239..61c825fca81c818f9125c892ecf937f849540701 100644 (file)
--- 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 2b4ec1bb0708b8b8be8f17be931b9a023aaca45f..cb876198c310bbe0b7c7f4d50da7bdd20453fd95 100644 (file)
--- 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>