feat(storybook): refine manager layout and Hanmac branding
This commit is contained in:
1 parent
fc0a3e7725
commit
e47eb040f2
7 files changed
+20
-13
No files matched your search
@@ -65,6 +65,8 @@
|
||||
padding: 0;
|
||||
color: var(--color-fg-on-green-primary);
|
||||
}
|
||||
/* The Settings button is hidden, so the title uses the full header width. */
|
||||
#storybook-sidebar-region .sidebar-header > div { margin-right: 0; }
|
||||
#storybook-sidebar-region .sidebar-header > div a {
|
||||
color: var(--color-fg-on-green-primary);
|
||||
font: 700 16px/30px var(--hm-manager-font);
|
||||
@@ -103,6 +105,10 @@
|
||||
}
|
||||
/* Storybook's named creation action only; search/filter remain available. */
|
||||
#storybook-sidebar-region button[aria-label='Create a new story'] { display: none; }
|
||||
/* Storybook Settings menu trigger only; sidebar search, tag filter and expand/collapse remain. */
|
||||
#storybook-sidebar-region .sidebar-header button[aria-label='Settings'] { display: none; }
|
||||
/* Storybook sidebar search landmark (input, icon, shortcut hint, tag filter); the tree and header remain. */
|
||||
#storybook-sidebar-region [role='search'] { display: none; }
|
||||
|
||||
#storybook-explorer-tree .sidebar-subheading {
|
||||
position: relative;
|
||||
|
||||
@@ -31,13 +31,14 @@ document.head.appendChild(toolbarStyle)
|
||||
addons.setConfig({
|
||||
layout: {
|
||||
showPanel: false,
|
||||
showToolbar: false,
|
||||
// LNB width 246px. recentVisibleSizes keeps the same width when the sidebar is collapsed and expanded again.
|
||||
navSize: 246,
|
||||
recentVisibleSizes: { navSize: 246 },
|
||||
},
|
||||
theme: create({
|
||||
base: 'light',
|
||||
brandTitle: 'HM Design System',
|
||||
brandTitle: 'Hanmac Design System',
|
||||
brandUrl: './',
|
||||
brandTarget: '_self',
|
||||
fontBase: "'Hanmac Manager Noto Sans KR', 'Noto Sans KR', 'Malgun Gothic', sans-serif",
|
||||
|
||||
@@ -25,7 +25,7 @@ const preview: Preview = {
|
||||
includeNames: true,
|
||||
order: [
|
||||
"Foundation",
|
||||
["HM Color", "Company Colors", "Typography", "Layout"],
|
||||
["Hanmac Color", "Company Colors", "Typography", "Layout"],
|
||||
"Components",
|
||||
[
|
||||
"Form",
|
||||
|
||||
@@ -499,11 +499,11 @@ Source: `src/components/tooltip.stories.tsx`; meta.tags: []
|
||||
- All — Tooltip; tags: []; PRIMARY; KEEP. Representative story or distinct reference page.
|
||||
- Open — Open; tags: ["verification"]; VERIFICATION; HIDE. Keep direct URL and tag-filter access; excluded from default sidebar.
|
||||
|
||||
### Foundation/HM Color
|
||||
### Foundation/Hanmac Color
|
||||
|
||||
Source: `src/foundation/color.stories.tsx`; meta.tags: []
|
||||
|
||||
- All — HM Color; tags: []; PRIMARY; KEEP. Representative story or distinct reference page.
|
||||
- All — Hanmac Color; tags: []; PRIMARY; KEEP. Representative story or distinct reference page.
|
||||
|
||||
### Foundation/Company Colors
|
||||
|
||||
|
||||
@@ -3637,13 +3637,13 @@
|
||||
},
|
||||
{
|
||||
"file": "src/foundation/color.stories.tsx",
|
||||
"title": "Foundation/HM Color",
|
||||
"title": "Foundation/Hanmac Color",
|
||||
"metaTags": [],
|
||||
"stories": [
|
||||
{
|
||||
"id": "foundation-color--all",
|
||||
"exportName": "All",
|
||||
"name": "HM Color",
|
||||
"name": "Hanmac Color",
|
||||
"storyTags": [],
|
||||
"effectiveTags": [],
|
||||
"category": "PRIMARY",
|
||||
|
||||
Reference in new issue
Block a user