[CHANGE] Use bootsraps table-responsive for our table

ppfeufer · Dec 15, 2024 · c7fb379 · c7fb379
1 parent c78d350
commit c7fb379
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 21 deletions.
diff --git a/sovtimer/static/sovtimer/css/aa-sov-timer.css b/sovtimer/static/sovtimer/css/aa-sov-timer.css
@@ -73,11 +73,11 @@
         color: var(--bs-danger);
     }
 
-    .aa-sovtimer-campaigns-remaining-time-column {
+    .aa-sovtimer-campaigns-column-remaining-time {
         width: 115px !important;
     }
 
-    .aa-sovtimer-campaigns-progress-column {
+    .aa-sovtimer-campaigns-column-progress {
         width: 125px !important;
     }
 

diff --git a/sovtimer/static/sovtimer/css/aa-sov-timer.min.css b/sovtimer/static/sovtimer/css/aa-sov-timer.min.css
diff --git a/sovtimer/static/sovtimer/css/aa-sov-timer.min.css.map b/sovtimer/static/sovtimer/css/aa-sov-timer.min.css.map
diff --git a/sovtimer/templates/sovtimer/bundles/aa-sov-timer-css.html b/sovtimer/templates/sovtimer/bundles/aa-sov-timer-css.html
@@ -3,6 +3,6 @@
 <link
     rel="stylesheet"
     href="{% sovtimer_static 'sovtimer/css/aa-sov-timer.min.css' %}"
-    integrity="sha512-YzwHUI72oa2yqU6hEq3r9lqOg2ecLBsMJPTUfFtauLFpnoPwAggI7ghAG6Px2UMCQ4hiHUI8EVRZCtS28cykuQ=="
+    integrity="sha512-wmFErkjqktwwj9QduZ8kTogCg3fc1+RLlm98xanYhYM0N1YQMRo3g5i5xZvrUMnI/9UQCT8avJBhuPX3lfw+qg=="
     crossorigin="anonymous"
 >
diff --git a/sovtimer/templates/sovtimer/partials/dashboard/table.html b/sovtimer/templates/sovtimer/partials/dashboard/table.html
@@ -20,22 +20,24 @@
     </div>
 
     <div class="card-body">
-        <table class="table table-striped aa-sovtimer-campaigns" style="width: 100%; border-collapse: collapse !important;">
-            <thead>
-                <tr>
-                    <th class="aa-sovtimer-campaigns-type-column">{% translate 'Type' %}</th>
-                    <th class="aa-sovtimer-campaigns-system-column">{% translate 'System' %}</th>
-                    <th class="aa-sovtimer-campaigns-constellation-column">{% translate 'Constellation' %}</th>
-                    <th class="aa-sovtimer-campaigns-region-column">{% translate 'Region' %}</th>
-                    <th class="aa-sovtimer-campaigns-defender-column">{% translate 'Owner / Defender' %}</th>
-                    <th class="aa-sovtimer-campaigns-adm-column">{% translate 'ADM' %}</th>
-                    <th class="aa-sovtimer-campaigns-start-datetime-column">{% translate 'Start' %}</th>
-                    <th class="aa-sovtimer-campaigns-remaining-time-column">{% translate 'Remaining' %}</th>
-                    <th class="aa-sovtimer-campaigns-progress-column">{% translate 'Progress' %}</th>
-                </tr>
-            </thead>
+        <div class="table-responsive">
+            <table class="table table-striped aa-sovtimer-campaigns" style="width: 100%; border-collapse: collapse !important;">
+                <thead>
+                    <tr>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-campaigns-column-type">{% translate 'Type' %}</th>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-campaigns-column-system">{% translate 'System' %}</th>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-campaigns-column-constellation">{% translate 'Constellation' %}</th>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-campaigns-column-region">{% translate 'Region' %}</th>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-campaigns-column-defender">{% translate 'Owner / Defender' %}</th>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-campaigns-column-adm">{% translate 'ADM' %}</th>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-campaigns-column-start-datetime">{% translate 'Start' %}</th>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-campaigns-column-remaining-time">{% translate 'Remaining' %}</th>
+                        <th class="aa-sovtimer-campaigns-column aa-sovtimer-column-campaigns-progress">{% translate 'Progress' %}</th>
+                    </tr>
+                </thead>
 
-            <tbody></tbody>
-        </table>
+                <tbody></tbody>
+            </table>
+        </div>
     </div>
 </div>