« get me outta code hell

content, css: listArtTagNetwork: right-align shenanigans (wip) - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-03-19 19:52:57 -0300
committer(quasar) nebula <qznebula@protonmail.com>2025-02-25 20:03:28 -0400
commitf4c5e6ec31bad8fa889b0990cc36b5fc222fdbac (patch)
treec1f3d7340d45f0f7d6c105cb3eeee0182fdb1313
parenta94150e3fc6d5276310c97a7693a378462a7b393 (diff)
content, css: listArtTagNetwork: right-align shenanigans (wip)
-rw-r--r--src/content/dependencies/listArtTagNetwork.js28
-rw-r--r--src/static/css/site.css7
2 files changed, 17 insertions, 18 deletions
diff --git a/src/content/dependencies/listArtTagNetwork.js b/src/content/dependencies/listArtTagNetwork.js
index 56d72e17..f392e817 100644
--- a/src/content/dependencies/listArtTagNetwork.js
+++ b/src/content/dependencies/listArtTagNetwork.js
@@ -195,21 +195,19 @@ export default {
               : relationsNode.artTagLink),
 
           stat:
-            language.$(prefix, 'tag.withStat.stat', {
-              stat: [
-                html.tag('span', {class: 'network-tag-stat'},
-                  {class: 'network-tag-direct-uses-stat'},
-                  dataNode.directUses.toString()),
-
-                html.tag('span', {class: 'network-tag-stat'},
-                  {class: 'network-tag-total-uses-stat'},
-                  dataNode.totalUses.toString()),
-
-                html.tag('span', {class: 'network-tag-stat'},
-                  {class: 'network-tag-descendants-stat'},
-                  dataNode.descendants.toString()),
-              ],
-            })
+            html.tag('span', {class: 'network-tag-stat'},
+              language.$(prefix, 'tag.withStat.stat', {
+                stat: [
+                  html.tag('span', {class: 'network-tag-direct-uses-stat'},
+                    dataNode.directUses.toString()),
+
+                  html.tag('span', {class: 'network-tag-total-uses-stat'},
+                    dataNode.totalUses.toString()),
+
+                  html.tag('span', {class: 'network-tag-descendants-stat'},
+                    dataNode.descendants.toString()),
+                ],
+              })),
         }))
     ];
 
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 125756cd..15080493 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -2032,9 +2032,10 @@ html[data-url-key="localized.listing"][data-url-value0="tags/network"] #network-
   text-decoration-style: dotted;
 }
 
-/* CSS rule order pls */
-html[data-url-key="localized.listing"][data-url-value0="tags/network"] #network-stat-line a:hover {
-  text-decoration-style: solid;
+html[data-url-key="localized.listing"][data-url-value0="tags/network"] .network-tag-stat {
+  display: inline-block;
+  text-align: right;
+  min-width: 5ch;
 }
 
 html[data-url-key="localized.listing"][data-url-value0="tags/network"] dl dt {