txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: chat icons — image fallbacks, external links, smaller inline size

Browse Source 
- Support image file fallback when no sprite index exists
  (Immich Photo Manager, Cmux Resurrect now show their logos)
- Render external links [text](https://...) as clickable links
  (fixes Third Party Contributions raw markdown)
- Smaller inline icons (20px) to fit chat bubble aesthetic
- Separate icon-chat CSS class for chat-specific sizing
This commit is contained in:
juanatsap
2026-04-09 11:34:14 +01:00
parent c3f4134daa
commit 21c33d2833
2 changed files with 82 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/04-interactive/_chat.css
+26 -2
View File
@@ -346,13 +346,37 @@
Navigation Links in Chat Messages
========================================================================== */
/* Inline sprite icons in chat messages */
.chat-msg .icon-sprite {
/* Inline icons in chat messages — compact size to fit bubbles */
.chat-msg .icon-sprite.icon-chat {
width: 20px;
height: 20px;
background-size: auto 20px;
vertical-align: middle;
margin-right: 2px;
border-radius: 3px;
}
.chat-msg .icon-chat.icon-company {
background-position-x: calc(var(--icon-index, 0) * -20px);
}
.chat-msg .icon-chat.icon-project {
background-position-x: calc(var(--icon-index, 0) * -20px);
}
.chat-msg .icon-chat.icon-course {
background-position-x: calc(var(--icon-index, 0) * -20px);
}
.chat-inline-icon {
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 2px;
border-radius: 3px;
object-fit: contain;
}
.chat-nav-link {
color: var(--accent-green, #27ae60);
text-decoration: none;