3 files changed, 81 insertions, 0 deletions
diff --git a/extensions/Mageia/template/en/default/hook/global/header-start.html.tmpl b/extensions/Mageia/template/en/default/hook/global/header-start.html.tmpl
index 01fab7fab..e35b389fc 100644
--- a/extensions/Mageia/template/en/default/hook/global/header-start.html.tmpl
+++ b/extensions/Mageia/template/en/default/hook/global/header-start.html.tmpl
@@ -8,3 +8,4 @@
 
 [% favicon_url = "https://www.mageia.org/g/favicon.png" %]
 [% style_urls.push("extensions/Mageia/web/style.css") %]
+[% javascript_urls.push("extensions/Mageia/web/global.js") %]
diff --git a/extensions/Mageia/web/global.js b/extensions/Mageia/web/global.js
new file mode 100644
index 000000000..5d1169799
--- /dev/null
+++ b/extensions/Mageia/web/global.js
@@ -0,0 +1,30 @@
+function getVisibleText(node) {
+    if (node.nodeType === Node.TEXT_NODE) {
+        return node.textContent;
+    }
+
+    const style = getComputedStyle(node);
+    if (style.display === 'none') {
+        return '';
+    }
+
+    let text = '';
+    for (let child of node.childNodes) {
+        text += getVisibleText(child);
+    }
+    return text;
+}
+
+window.addEventListener('load', function () {
+  const buglist = document.querySelector('table.bz_buglist');
+  if (buglist) {
+    buglist.querySelector('span.bz_sort_order_primary').classList.add('bz_default_hidden');
+    buglist.querySelector('span.bz_sort_order_secondary').classList.add('bz_default_hidden');
+    buglist.querySelectorAll('table.bz_buglist td').forEach((td, index) => {
+      const headers = buglist.querySelectorAll('th');
+      td.setAttribute('data-label', getVisibleText(headers[index % headers.length]).trim());
+    })
+    buglist.querySelector('span.bz_sort_order_primary').classList.remove('bz_default_hidden');
+    buglist.querySelector('span.bz_sort_order_secondary').classList.remove('bz_default_hidden');
+  }
+});
diff --git a/extensions/Mageia/web/style.css b/extensions/Mageia/web/style.css
index 43cb9d7f7..65a0729a5 100644
--- a/extensions/Mageia/web/style.css
+++ b/extensions/Mageia/web/style.css
@@ -143,3 +143,53 @@ div#comment_tags_collapse_expand_container {
 ul#comment_tags_collapse_expand {
     display: inline;
 }
+
+@media only screen and (max-width: 750px) {
+
+    table.bz_buglist,
+    .bz_buglist tbody,
+    .bz_buglist tr,
+    .bz_buglist th {
+        display: block;
+    }
+
+    .bz_buglist thead {
+        display: none;
+    }
+
+    .bz_buglist tr {
+        margin-bottom: 1rem;
+    }
+
+    .bz_buglist td {
+        display: flow-root;
+        margin-block: 5px;
+        text-align: left;
+        padding: 0 0 0 80px !important;
+        width: auto;
+    }
+
+    .bz_buglist tr.bz_secure td.bz_id_column {
+        background-position-x: 60px !important;
+
+    }
+
+    .bz_buglist td::before {
+        display: block;
+        min-width: 70px;
+        margin-inline: -80px 10px;
+        content: attr(data-label) ':' !important;
+        font-weight: normal;
+        font-size: inherit !important;
+        color: gray !important;
+        float: left;
+    }
+
+    span.bz_quip,
+    span.bz_sort_order_primary,
+    span.bz_sort_order_secondary,
+    a#search_description_controller,
+    div.bz_last_visit_description {
+        display: none !important;
+    }
+}