Skip to content

fix(design-lab): correct component previews, prevent overlap and preserve menu focus rings #2681

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
kev1n77 merged 3 commits into from
Aug 30, 2026
Merged

fix(design-lab): correct component previews, prevent overlap and preserve menu focus rings #2681

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
6cc27b8
fix(design-lab): separate wide previews and constrain canvas overflow
kev1n77 Aug 30, 2026
8ab4369
fix(design-lab): render actual component states and isolate form prev…
kev1n77 Aug 30, 2026
4657c61
fix(ui): reserve menu scroll content space for focus rings
kev1n77 Aug 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions design-system/apps/design-lab/src/i18n/messages.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -410,6 +410,8 @@ export const enUSMessages = {
"detail.livePlayground": "Live playground",
"detail.allStates": "Preview states",
"detail.preview": "Preview",
"detail.previewUnavailable": "Preview not implemented",
"components.preview.inputError": "Please check this value.",
"detail.code": "Code",
"detail.inspector.label": "Component inspector",
"detail.inspector.properties": "Properties",
Expand Down Expand Up @@ -473,6 +475,8 @@ export const enUSMessages = {
"detail.option.with-context": "With context bar",
"detail.option.raised": "Raised surface",
"detail.option.subtle": "Subtle surface",
"detail.option.plain": "Plain surface",
"detail.option.divided": "With dividers",
"detail.option.media": "Media composition",
"detail.option.with-center": "With center region",
"detail.option.overflow": "Scrollable overflow",
Expand Down Expand Up @@ -1101,6 +1105,8 @@ export const zhCNMessages = {
"detail.livePlayground": "实时工作台",
"detail.allStates": "状态预览",
"detail.preview": "预览",
"detail.previewUnavailable": "此组件尚未实现预览",
"components.preview.inputError": "请检查输入内容。",
"detail.code": "代码",
"detail.inspector.label": "组件检查器",
"detail.inspector.properties": "属性",
Expand Down Expand Up @@ -1164,6 +1170,8 @@ export const zhCNMessages = {
"detail.option.with-context": "包含上下文栏",
"detail.option.raised": "浮起表面",
"detail.option.subtle": "弱化表面",
"detail.option.plain": "无背景表面",
"detail.option.divided": "带分隔线",
"detail.option.media": "媒体组合",
"detail.option.with-center": "包含居中区域",
"detail.option.overflow": "可滚动溢出",
Expand Down Expand Up @@ -1737,6 +1745,8 @@ export const zhTWMessages = {
"detail.livePlayground": "即時工作台",
"detail.allStates": "狀態預覽",
"detail.preview": "預覽",
"detail.previewUnavailable": "此元件尚未實作預覽",
"components.preview.inputError": "請檢查輸入內容。",
"detail.code": "程式碼",
"detail.inspector.label": "元件檢查器",
"detail.inspector.properties": "屬性",
Expand Down Expand Up @@ -1794,6 +1804,8 @@ export const zhTWMessages = {
"detail.option.with-context": "包含上下文列",
"detail.option.raised": "浮起表面",
"detail.option.subtle": "弱化表面",
"detail.option.plain": "無背景表面",
"detail.option.divided": "帶分隔線",
"detail.option.media": "媒體組合",
"detail.option.with-center": "包含置中區域",
"detail.option.overflow": "可捲動溢出",
Expand Down
Loading
Loading