Repository navigation
Even out the icons at the right end of the resource bar - #92
Merged
Merged
Conversation
Home, minimap and inbox now sit in a flex row with 6px gaps, centred in the bar and clear of the scroll curl, instead of an inline-styled block pushed 28px into the end cap. Whitespace inside the links is no longer underlined between the icons. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01WpWbf9yFLBibfzECCYJhde
|
Preview: removed, this pull request is closed. |
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
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.
Requested by Thijs · project thread
What
The home, minimap and inbox icons at the right end of the desktop resource bar (Newsbar) had uneven gaps (2px and 3px, from inline whitespace), an underlined space between the globe and the scroll, and were pushed 28px into the end cap so the inbox icon touched the scroll curl.
styleon the icon block becomesdiv.newsbar-iconsinwindows.css: a flex row with a 6px gap, vertically centred in the 21px bar.margin-right: -18pxinstead of-28px, so the last icon stays about 15px clear of the curl.display: block; text-decoration: none, so no underlined whitespace between icons.z-index: 3keeps the icons above the absolutely positioned resource text box (z-index 2), which they now overlap slightly; checked withelementFromPointthat all three are still clickable.Desktop only. The mobile layout hides
.panel.newsbar, andmobile.newsbarClickstill findsspan.footer-navigation.*.Screenshots
Rendered from the real
newsbar.tpland game CSS:resource-bar-icons/compare.png(plusbefore.png/after.png) in the project files. The sandbox has no Verdana, so the resource text is a fallback font.Generated by Claude Code