Add sticky extensions info banner #188
Merged
Conversation
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
Co-authored-by: fregante <1402241+fregante@users.noreply.github.com>
Co-authored-by: fregante <1402241+fregante@users.noreply.github.com>
Copilot
AI
changed the title
[WIP] Add sticky extensions banner message
Add sticky extensions info banner with translations
Oct 18, 2025
Copilot finished work on behalf of
fregante
October 18, 2025 08:13
fregante
approved these changes
Oct 18, 2025
|
@copilot update stickyInfoMsg (except italian) to remove "unstick" |
Co-authored-by: fregante <1402241+fregante@users.noreply.github.com>
Copilot finished work on behalf of
fregante
October 18, 2025 10:11
fregante
changed the title
fregante
reviewed
Oct 18, 2025
| /* Separate pinned extensions from the rest. Don't apply if they're *all* pinned */ | ||
| .ext.pinned:nth-last-child(1 of .pinned).ext:not(:last-child) { | ||
| border-bottom: 5px solid var(--pinned-color); | ||
| border-bottom-width: 5px; |
fregante
reviewed
Oct 18, 2025
| <!-- eslint-disable-next-line svelte/no-at-html-tags -- Static --> | ||
| {@html replaceModifierIfMac(getI18N('stickyInfoMsg'), '')} | ||
| <a class="hide-action" href="#hide" on:click={hideStickyInfoMessage} | ||
| >{getI18N('hideInfoMsg')}</a |
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.
Summary
Adds a new informational banner that informs users about the Ctrl+Click feature to pin extensions to the top of the list. The banner is shown once on first load and can be dismissed permanently.
Changes
Banner Implementation
showStickyInfoMessagestate variable that checks localStorage for thesticky-info-messagekeyhideStickyInfoMessage()function to dismiss the banner and persist the preferenceTranslations
Added the
stickyInfoMsgtranslation key to all 16 supported locales:Message simplified to focus on the primary action (removed "unstick" from 14 locales, Italian kept as-is).
Behavior
sticky-info-messageis not in localStorageScreenshot
The banner appears at the top of the extension popup with a simplified message focusing on the primary action.
Technical Notes
.noticeand.hide-actionCSS classeschrome.i18n.getMessage()for internationalizationreplaceModifierIfMacsince it doesn't support multi-character keys like "Click"Original prompt
✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.