diff options
Diffstat (limited to 'src/style.css')
| -rw-r--r-- | src/style.css | 10 |
1 files changed, 7 insertions, 3 deletions
diff --git a/src/style.css b/src/style.css index f1670ce..bcec4a5 100644 --- a/src/style.css +++ b/src/style.css @@ -1036,9 +1036,13 @@ body::after { .emoji-packs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; } .emoji-pack { display: inline-flex; align-items: center; gap: 2px; } .emoji-pack .linklike { padding: 0 2px; font-size: 14px; color: var(--muted); } -/* Vector's pack share link: named, with its Add button */ -.pack-link { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; } -.pack-link .btn-sm { padding: 3px 10px; } +/* a pack share link (Vector's or ours) as a chip: one tap adds the pack */ +.pack-link { + display: inline-flex; align-items: center; gap: 4px; padding: 4px 10px; font-size: 14px; line-height: 1.3; + border: 1px solid var(--line-strong); border-radius: 10px; background: var(--paper); color: inherit; cursor: pointer; +} +.pack-link:disabled { opacity: 0.7; cursor: default; } +.chat-bubble.me .pack-link { background: transparent; border-color: color-mix(in srgb, currentColor 45%, transparent); } /* a custom emoji whose picture won't load falls back to its :code: alt text; in the 40px grid cell that text must not spill into the next cell */ .emoji-grid button { overflow: hidden; } |