diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/style.css b/src/style.css index 1e5a1c7..11b9cf0 100644 --- a/src/style.css +++ b/src/style.css @@ -833,6 +833,21 @@ html.no-scroll { overflow: hidden; scrollbar-gutter: auto; } padding: 4px 7px; border-radius: 8px; background: rgba(18, 18, 18, .6); text-decoration: none; } .yt-open:hover { background: rgba(18, 18, 18, .85); text-decoration: none; } +/* A link, as the card its page describes: picture on top, title, a line, + the site. The whole card is the link. */ +.link-card { + display: block; margin-top: 6px; border: 1px solid var(--line); border-radius: 10px; + overflow: hidden; color: inherit; text-decoration: none; background: var(--surface2); +} +.link-card:hover { text-decoration: none; border-color: var(--line-strong); } +.link-thumb { display: block; width: 100%; max-height: 220px; object-fit: cover; background: var(--surface2); } +.link-meta { padding: 8px 10px; display: flex; flex-direction: column; gap: 2px; min-width: 0; } +.link-title, .link-desc { + display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; +} +.link-title { font-weight: 600; line-height: 1.3; } +.link-site { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +.quote-card .link-thumb { max-height: 140px; } /* the profile notes feed: page-scrolled (no inner scrollbox); on phones it runs edge to edge — the card walls step outside #app's padding */ .notes-feed { padding: 2px 14px; } |