{{ message }}
Draft
Conversation
1 task
fregante
changed the title
mobile-tabs - Restore feature
Agent-Logs-Url: https://github.com/refined-github/refined-github/sessions/1d269f5e-939c-4706-b990-a9595d22bd2e Co-authored-by: fregante <1402241+fregante@users.noreply.github.com>
Agent-Logs-Url: https://github.com/refined-github/refined-github/sessions/1d269f5e-939c-4706-b990-a9595d22bd2e Co-authored-by: fregante <1402241+fregante@users.noreply.github.com>
Copilot
AI
changed the title
Apr 20, 2026
mobile-tabs - Restore featuremobile-tabs selectors for GitHub’s new repository nav markup
fregante
changed the title
mobile-tabs selectors for GitHub’s new repository nav markupmobile-tabs - Restore feature
fregante
requested changes
Apr 20, 2026
Member
fregante
left a comment
fregante
left a comment
There was a problem hiding this comment.
li > adoesn't filllivertically,lihas this style:.prc-UnderlineNav-UnderlineNavItem-syRjR { flex-direction: column; align-items: center; display: flex; }
- the contents of
li > ashould be bottom-aligned - the
data-tab-item="security-and-quality"tab has a long label. shorten to "Sec" like we did for Pulls - the custom "Pulls" label is bold, but it shouldn't be bold anymore
- some tabs are missing the counter, so the top-right cell is empty; refer to the previous CSS to target this format again, it will center the icon horizontally. We already have CSS that does this but the selectors are out of date.
- Some tabs are missing the icon, the same thing should happen
- The icon and counter should have
margin:0!important - Don't rename the PR
Agent-Logs-Url: https://github.com/refined-github/refined-github/sessions/a8d34190-f1d7-4363-9e02-a727f5e79f50 Co-authored-by: fregante <1402241+fregante@users.noreply.github.com>
Contributor
Author
fregante
requested changes
Apr 20, 2026
Member
|
Here's what I got so far: 
The icons are completely removed from the DOM via React under 609 pixels, so this is the best we can do: 
|
Agent-Logs-Url: https://github.com/refined-github/refined-github/sessions/5283e7eb-db73-4807-9ac4-e174eef5f092 Co-authored-by: fregante <1402241+fregante@users.noreply.github.com>
Member
Agent-Logs-Url: https://github.com/refined-github/refined-github/sessions/5283e7eb-db73-4807-9ac4-e174eef5f092 Co-authored-by: fregante <1402241+fregante@users.noreply.github.com>
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.
Description
GitHub’s repo tab DOM changed, which broke
mobile-tabson mobile widths (notably Safari). This PR restores the feature for the current repo tab markup and incorporates follow-up review feedback.:root+:has()matching withnav[class*='LocalNavigation']as the container selector..UnderlineNav*/.Counterbranches).li > afills available height and bottom-aligns tab content.Pull requestsshortened toPulls.Security and qualitytoSec.margin: 0 !important).Test URLs
Screenshot