Fix msg wrap and default most fields to hidden

core/static/js/column-shifter.js

@@ -25,7 +25,29 @@ $(document).ready(function(){
     var get_column_shifter_storage = function(){
         var storage = localStorage.getItem(COLUMN_SHIFTER_STORAGE_ACCESOR);
         if (storage === null) {
-            storage = {};
+            storage = {
+                        "drilldown-table": {
+                            "date": "off",
+                            "time": "off",
+                            "id": "off",
+                            "num": "off",
+                            "channel_nsfw": "off",
+                            "channel_category": "off",
+                            "channel_category_id": "off",
+                            "channel_category_nsfw": "off",
+                            "channel_id": "off",
+                            "guild_member_count": "off",
+                            "bot": "off",
+                            "msg_id": "off",
+                            "net_id": "off",
+                            "user_id": "off",
+                            "num_users": "off",
+                            "num_chans": "off",
+                            "exemption": "off",
+                            "version_sentiment": "off",
+                            "num": "off",
+                        },
+                    };
         } else {
             storage = JSON.parse(storage);
         }

core/templates/base.html

@@ -61,11 +61,11 @@
     <style>
       .icon { border-bottom: 0px !important;}
       .wrap {
-        white-space: pre-wrap;      /* CSS3 */
-        white-space: -moz-pre-wrap; /* Firefox */
-        white-space: -pre-wrap;     /* Opera <7 */
-        white-space: -o-pre-wrap;   /* Opera 7 */
-        word-wrap: break-word;      /* IE */
+        white-space: pre-wrap;
+        white-space: -moz-pre-wrap;
+        white-space: -pre-wrap;
+        white-space: -o-pre-wrap;
+        word-wrap: break-word;
       }
       .nowrap-parent {
         white-space: nowrap;

core/templates/ui/drilldown/table_results_partial.html

@@ -60,12 +60,9 @@
                 {% block table.thead.row %}
                   <tr>
                     {% for column in table.columns %}
-                      {% if column.name in show and not column.name in hide %}
+                      {% if column.name in show %}
                         {% block table.thead.th %}
-                          <th class="orderable {{ column.name }}"
-                              {% if column.name in invisible %}
-                                style="display:none;"
-                              {% endif %}>
+                          <th class="orderable {{ column.name }}">
                             <div class="nowrap-parent">
                               {% if column.orderable %}
                                 <div class="nowrap-child">
@@ -114,13 +111,9 @@
                 {% block table.tbody.row %}
                   <tr class="{% if row.cells.exemption == True %}has-background-grey-lighter{% elif row.cells.type == 'join' %}has-background-success-light{% elif row.cells.type == 'quit' %}has-background-danger-light{% elif row.cells.type == 'kick' %}has-background-danger-light{% elif row.cells.type == 'part' %}has-background-warning-light{% elif row.cells.type == 'mode' %}has-background-info-light{% endif %}">
                     {% for column, cell in row.items %}
-                      {% if column.name in show and not column.name in hide %}
+                      {% if column.name in show %}
                         {% block table.tbody.td %}
-                          {% if column.name in invisible %}
-                            <td class="{{ column.name }}" style="display:none;">
-                              {{ cell }}
-                            </td>
-                          {% elif cell == '—' %}
+                          {% if cell == '—' %}
                             <td class="{{ column.name }}">
                               <span class="icon">
                                 <i class="fa-solid fa-file-slash"></i>
@@ -188,7 +181,7 @@
                               </a>
                             </td>
                           {% elif column.name == 'msg' %}
-                            <td class="{{ column.name }}" style="max-width: 10em" class="wrap">{{ row.cells.msg }}</td>
+                            <td class="{{ column.name }} wrap" style="max-width: 10em">{{ row.cells.msg }}</td>
                           {% elif column.name == 'host' %}
                             <td class="{{ column.name }}">
                               <a class="has-text-link is-underlined"