Skip to content

fix(ui): align hidden output badge with source badges#1254

Merged
rgbkrk merged 1 commit intomainfrom
quill/hidden-cell-output-style
Mar 27, 2026
Merged

fix(ui): align hidden output badge with source badges#1254
rgbkrk merged 1 commit intomainfrom
quill/hidden-cell-output-style

Conversation

@rgbkrk
Copy link
Copy Markdown
Member

@rgbkrk rgbkrk commented Mar 27, 2026

Summary

Follow-up to #1251 — the hidden output badge ("N outputs") was not updated to match the sizing, alignment, and font consistency of the hidden source and "Cell hidden" badges.

Changes:

  • Remove font-mono from "Cell hidden" badge so it uses the UI font (sans-serif), matching the design intent
  • Increase hidden output badge from text-xs to text-sm to match other badges
  • Add mt-0.5 and pl-6 to the hidden output wrapper for vertical centering and left-alignment with the code content area

Verification

  • Open a notebook with hidden cells (both source and outputs hidden) — "Cell hidden" badge uses the UI font
  • Hide a cell's source — the source preview badge still uses monospace font
  • Hide a cell's outputs — the "N outputs" badge is the same size and left-aligned with the source badges above it

PR submitted by @rgbkrk's agent, Quill

- Remove font-mono from "Cell hidden" badge so it uses the UI font
- Match hidden output badge size (text-xs → text-sm) and alignment
  (add mt-0.5, pl-6) with hidden source badges
@github-actions github-actions bot added frontend Webview, React, TypeScript UI quill PR authored by Quill Agent 🦆 labels Mar 27, 2026
@rgbkrk rgbkrk merged commit d07161d into main Mar 27, 2026
24 of 26 checks passed
@rgbkrk rgbkrk deleted the quill/hidden-cell-output-style branch March 27, 2026 17:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend Webview, React, TypeScript UI quill PR authored by Quill Agent 🦆

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant