Changeset 6cabd18 in Klonkt

Timestamp:

06/25/2026 10:32:52 PM (3 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

eb2fe08

Parents:

67fe576

Message:

ux(grid): stack tile title + 'van <source>' credit instead of gluing them

The no-cover gradient tile is display:flex without a direction, so the title
and the cirkel-source span sat side by side and ran together ('Title!van X').
The source also inherited the tile link colour. Now: flex column (source below
the title), muted ink-soft colour + a chain prefix like the cover tiles. v=50.

Co-Authored-By: Claude <noreply@…>

Location:

src

Files:

• assets/css/style.css (modified) (2 diffs)
• views/shell.ejs (modified) (1 diff)

src/assets/css/style.css

@@ -2392 +2392 @@
 .grid-tile-overlay-src::before { content: "⛓"; margin-right: .25rem; font-size: .9em; }
 .grid-tile-gradient-src {
-    margin-top: .3rem; font-size: .72rem; opacity: .8;
-}
+    margin-top: .35rem; font-size: .72rem; opacity: .85;
+    color: var(--ink-soft);
+    display: inline-flex; align-items: center;
+}
+.grid-tile-gradient-src::before { content: "⛓"; margin-right: .25rem; font-size: .9em; }
 .grid-tile-overlay strong {
     color: #fff;
@@ -2418 +2421 @@
     background-image: linear-gradient(135deg, hsl(var(--tile-hue, 30), 45%, 88%), hsl(calc(var(--tile-hue, 30) + 30), 35%, 75%));
     display: flex;
+    flex-direction: column;
     align-items: center;
     justify-content: center;

src/views/shell.ejs

@@ -198 +198 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=49">
+<link rel="stylesheet" href="/assets/css/style.css?v=50">
 
 <!-- Audio player styles: loaded on every page so the mini-player works