Changeset 1f0c85b in Klonkt for src/assets

Timestamp:

06/20/2026 01:28:36 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

d188736

Parents:

dfc5379

Message:

ui(grid): show source site on hover on circle feed tiles

Grid tiles now show "from <site>" (post.source_name) in the hover overlay
(and on gradient tiles below the title), so in the circle feed it is clear
which site a post comes from. style.css?v=14.

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

File:

• src/assets/css/style.css (modified) (1 diff)

src/assets/css/style.css

@@ -2182 +2182 @@
     padding: .6rem;
     display: flex;
-    align-items: flex-end;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: flex-start;
     background: linear-gradient(to top, rgba(0,0,0,.65) 0%, rgba(0,0,0,0) 50%);
     opacity: 0;
     transition: opacity .2s;
     pointer-events: none; /* klik moet naar de <a> eronder gaan, niet naar de overlay */
+}
+/* Bron-site (cirkel-feed): toont bij hover "van <site>" onder de titel. */
+.grid-tile-overlay-src {
+    color: #fff; opacity: .85;
+    font-size: .72rem; margin-top: .2rem;
+    display: inline-flex; align-items: center;
+}
+.grid-tile-overlay-src::before { content: "⛓"; margin-right: .25rem; font-size: .9em; }
+.grid-tile-gradient-src {
+    margin-top: .3rem; font-size: .72rem; opacity: .8;
 }
 .grid-tile-overlay strong {