maaz519/iios
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(messaging-ui): unreadable code chip on own messages + raw markers in previews

Browse Source 
Two bugs from the formatting work, both visible in the CRM messenger:

1. Inline code / code blocks were invisible in your OWN bubbles. `.miu-code` sets
   background: --miu-panel-2 (#1d1d26) while the is-mine override set only the
   colour to --miu-accent-text (#1a1206) — near-black on near-black, ~1.03:1
   contrast. The chip now tints the accent bubble (rgba(0,0,0,.16)) instead of
   using the panel colour, so it reads against any accent.

2. The conversation list showed the raw last message, so a strikethrough message
   previewed as "~crazy~". Adds stripMarkup() — markers off, code unwrapped,
   nesting handled, honouring the same word-boundary rule so snake_case_name and
   "5 * 3" survive — and uses it for the preview line.

Bumped to 0.1.10. SDK suite: 17 files / 98 tests green.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Maaz Ahamed
2026-07-25 17:01:55 +05:30
parent ca02da000f
commit 0c8eaaf74b
6 changed files with 50 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/iios-messaging-ui/src/styles.css
+8 -2
View File
@@ -568,8 +568,14 @@ button.miu-attach-dl:hover {
color: var(--miu-accent);
text-decoration: underline;
}
.miu-msg.is-mine .miu-bubble .miu-link,
.miu-msg.is-mine .miu-bubble .miu-code {
.miu-msg.is-mine .miu-bubble .miu-link {
color: var(--miu-accent-text);
}
/* On your own (accent-filled) bubble the panel background would sit dark-on-dark against the dark
accent text — tint the bubble instead so the chip reads on any accent colour. */
.miu-msg.is-mine .miu-bubble .miu-code,
.miu-msg.is-mine .miu-bubble .miu-code-block {
background: rgba(0, 0, 0, 0.16);
color: var(--miu-accent-text);
}
.miu-send {