Add monochrome Noto Emoji font and emoji icons to section headers#405
Merged
Add monochrome Noto Emoji font and emoji icons to section headers#405
Conversation
Use Google's Noto Emoji (monochrome, variable weight) as the first font in every font-family stack so it takes priority over system color emoji. The unicode-range excludes U+FE0F to avoid variation sequence conflicts. ResearchGroupDemo.html emojis are wrapped in span.emoji with blue fill + dark stroke styling for evaluation. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add .emoji class with background-clip gradient (dark-to-bright blue, bottom-left to top-right), 1.3em font-size, and vertical alignment to keep layout stable. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add wrapLeadingEmoji() to nanodash.js that scans h1-h6 elements and wraps a leading emoji character in <span class="emoji"> for styling. Runs on DOMContentLoaded (no jQuery needed) and again from updateElements() for AJAX-loaded content. Idempotent via .emoji check. Remove manual emoji spans from ResearchGroupDemo.html and add script tag in wicket:remove block for standalone file:// testing. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Simpler and more consistent — emoji color now matches the app's standard link/button blue (#0B73DA) exactly. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Add contextual emoji to headings on UserList, Search, SpaceList, Space, Project, Profile, Explore, List, and template pages. Strip U+FE0F in JS wrapLeadingEmoji to ensure Noto Emoji renders correctly. Subscribe to Wicket AJAX /ajax/call/complete event so dynamically loaded headings get emoji wrapping too. Adjust list padding (20px default, 10px for user/agent lists). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
|
🎉 This PR is included in version 4.20.0 🎉 The release is available on:
Your semantic-release bot 📦🚀 |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
font-familystacks withunicode-rangeso they take priority over system color emoji while not affecting normal textwrapLeadingEmoji()auto-wraps leading emoji in h1-h6 into<span class="emoji">with theme blue styling and 1.3em size/ajax/call/completeevent for dynamically loaded contentU+FE0Fvariation selectors in JS to ensure monochrome font renders correctlyTest plan
🤖 Generated with Claude Code