« get me outta code hell

info card dimension tweaks - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/static
diff options
context:
space:
mode:
author(quasar) nebula <towerofnix@gmail.com>2021-04-05 15:02:18 -0300
committer(quasar) nebula <towerofnix@gmail.com>2021-04-05 15:02:33 -0300
commit643eeb01b96e7635201505ef201c60ab405bd419 (patch)
tree32bba86083f9d9c243b326e0d4effbe36ff15114 /static
parent660d6fd951796e920392adc032bba43c250ecd41 (diff)
info card dimension tweaks
Diffstat (limited to 'static')
-rw-r--r--static/site.css22
1 files changed, 18 insertions, 4 deletions
diff --git a/static/site.css b/static/site.css
index 59f13c5c..83bddd37 100644
--- a/static/site.css
+++ b/static/site.css
@@ -704,9 +704,8 @@ li > ul {
 #info-card-container {
     position: absolute;
 
-    margin-right: 10px;
-    padding-left: 3ch;
-    border-top: 1px solid white;
+    left: 0;
+    right: 10px;
 
     pointer-events: none; /* Padding area shouldn't 8e interactive. */
     display: none;
@@ -714,7 +713,11 @@ li > ul {
 
 #info-card-container.show,
 #info-card-container.hide {
-    display: block;
+    display: flex;
+}
+
+#info-card-container > * {
+    flex-basis: 400px;
 }
 
 #info-card-container.show {
@@ -751,6 +754,11 @@ li > ul {
     }
 }
 
+.info-card-decor {
+    padding-left: 3ch;
+    border-top: 1px solid white;
+}
+
 .info-card {
     background-color: black;
     color: white;
@@ -765,6 +773,12 @@ li > ul {
     pointer-events: none;
 }
 
+.info-card::after {
+    content: "";
+    display: block;
+    clear: both;
+}
+
 #info-card-container.show .info-card {
     animation: 0.01s linear 0.2s forwards info-card-become-interactive;
 }