« get me outta code hell

content, css: chronology link info - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/static/css/site.css
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-06-18 11:27:29 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-06-18 22:56:16 -0300
commit7a10bac9cb001753467a6e66f2698125ac4c03e7 (patch)
tree249dc3b9daefd1bc87526d2ee5520da5519d15b9 /src/static/css/site.css
parent29f4c5b571e960e6410f1555324a2d909bda8b2f (diff)
content, css: chronology link info
Diffstat (limited to 'src/static/css/site.css')
-rw-r--r--src/static/css/site.css44
1 files changed, 22 insertions, 22 deletions
diff --git a/src/static/css/site.css b/src/static/css/site.css
index 35364fdf..ddd285b9 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -954,24 +954,6 @@ li:not(:first-child:last-child) .tooltip,
   height: 1.4em;
 }
 
-.contribution-tooltip .external-icon {
-  grid-column-start: icon-start;
-  grid-column-end: icon-end;
-}
-
-.contribution-tooltip .external-icon svg {
-  width: 18px;
-  height: 18px;
-  top: -0.1em;
-}
-
-.contribution-tooltip .external-handle {
-  grid-column-start: handle-start;
-  grid-column-end: handle-end;
-
-  padding-right: 8px;
-}
-
 .contribution-tooltip .chronology-link {
   display: grid;
   grid-column-start: icon-start;
@@ -981,18 +963,33 @@ li:not(:first-child:last-child) .tooltip,
   height: 1.2em;
 }
 
+.contribution-tooltip .external-icon,
 .contribution-tooltip .chronology-symbol {
   grid-column-start: icon-start;
   grid-column-end: icon-end;
+}
+
+.contribution-tooltip .external-icon svg {
+  width: 18px;
+  height: 18px;
+  top: -0.1em;
+}
 
+.contribution-tooltip .chronology-symbol {
   text-align: center;
 }
 
+.contribution-tooltip .external-handle,
 .contribution-tooltip .chronology-text {
   grid-column-start: handle-start;
   grid-column-end: handle-end;
 
-  padding-right: 6px;
+  padding-right: 8px;
+}
+
+
+.contribution-tooltip .chronology-text,
+.contribution-tooltip .chronology-info {
   font-size: 0.85em;
 }
 
@@ -1005,7 +1002,8 @@ li:not(:first-child:last-child) .tooltip,
   margin-bottom: 4px;
 }
 
-.contribution-tooltip .external-platform {
+.contribution-tooltip .external-platform,
+.contribution-tooltip .chronology-info {
   display: none;
 
   grid-column-start: platform-start;
@@ -1016,7 +1014,8 @@ li:not(:first-child:last-child) .tooltip,
   opacity: 0.8;
 }
 
-.contribution-tooltip.show-info .external-platform {
+.contribution-tooltip.show-info .external-platform,
+.contribution-tooltip.show-info .chronology-info {
   display: inline;
   animation: external-platform 0.2s forwards linear;
 }
@@ -1042,7 +1041,8 @@ li:not(:first-child:last-child) .tooltip,
   text-decoration: underline;
 }
 
-.contribution-tooltip .external-link:hover + .external-platform {
+.contribution-tooltip .external-link:hover + .external-platform,
+.contribution-tooltip .chronology-link:hover + .chronology-info {
   --external-platform-opacity: 1;
   text-decoration: underline;
   text-decoration-color: #ffffffaa;