Skip to content

Use icons in compact mode for Quick Look#137

Merged
cyanzhong merged 1 commit into
mainfrom
develop
Jun 16, 2026
Merged

Use icons in compact mode for Quick Look#137
cyanzhong merged 1 commit into
mainfrom
develop

Conversation

@cyanzhong

Copy link
Copy Markdown
Contributor

No description provided.

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR updates the Quick Look segmented control so that, in compact mode, the “Source” and “Preview” tabs display icons instead of text labels while keeping full labels available for accessibility and non-compact layouts.

Changes:

  • Add icon and label wrapper elements to Quick Look toolbar buttons (with title / aria-label for accessibility).
  • Add CSS to hide labels and show SVG icons in compact mode, while hiding icons in the regular layout.

Reviewed changes

Copilot reviewed 2 out of 4 changed files in this pull request and generated no comments.

File Description
styles/quicklook.css Adds compact-mode rules to swap segment labels for icons and sizes the SVGs appropriately.
src/quicklook/toolbar.ts Updates toolbar button creation to include both a text label span and an inline SVG icon span.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@cyanzhong cyanzhong merged commit 8fcd65d into main Jun 16, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants