shkim4/HMDesign
Private
Public Access
1
0 Fork 0
Code Activity

feat(org-chart): support external CSS themes and align documentation

Browse Source
This commit is contained in:
shkim4 committed 2026-10-13 22:43:21 +09:00
1 parent dcfa4e0895
commit 346c648c09
27 files changed
+1189 -75
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/org-chart/src/styles/org-chart-readonly.css
+6 -4
View File
@@ -7,7 +7,7 @@
--hm-orgchart-group-title-font-size: 20px;
--hm-orgchart-group-title-font-weight: 700;
--hm-orgchart-group-title-line-height: 19.7px;
background: #F5F8FB;
background: var(--hm-orgchart-bg-content, #F5F8FB);
}
.hm-orgchart-composition[data-display-mode="readOnly"] .hm-orgchart-stage {
position: relative;
@@ -26,7 +26,7 @@
min-width: 1920px;
min-height: 914.5px;
padding: 12px 0;
background: #F5F8FB;
background: var(--hm-orgchart-bg-content, #F5F8FB);
}
.hm-orgchart-composition[data-display-mode="readOnly"] .hm-orgchart-heading { grid-area: heading; justify-self: start; align-self: start; max-width: calc(100% - 52px - 96px); margin: 0 0 0 52px; }
.hm-orgchart-composition[data-display-mode="readOnly"] .hm-orgchart-title { font-size: 32px; line-height: 40px; letter-spacing: -0.5px; }
@@ -121,7 +121,7 @@
min-width: 114px;
min-height: 30.4px;
padding: 0;
background: var(--hm-orgchart-current-gradient);
background: var(--hm-orgchart-group-title-background, var(--hm-orgchart-current-gradient));
border-radius: 7.1px;
box-shadow: 0 3.6px 8px rgba(45, 73, 104, 0.2);
font-size: var(--hm-orgchart-group-title-font-size);
@@ -201,6 +201,8 @@
/* Keep the logo above the unchanged position row. */
.hm-orgchart-composition[data-display-mode="readOnly"] .hm-orgchart-employee[data-card-asset-size="leader"] .hm-orgchart-affiliation-mark { top: 0; }
.hm-orgchart-workdesk-overlay { position: absolute; inset: 0; width: 1920px; height: 914.5px; z-index: 4; pointer-events: none; }
.hm-orgchart-workdesk-overlay path[data-connector] { stroke: var(--hm-orgchart-fixed-line-color, #45639F); }
.hm-orgchart-workdesk-overlay path[data-arrow-head] { fill: var(--hm-orgchart-fixed-line-color, #45639F); }
.hm-orgchart-workdesk-decoration { position: absolute; z-index: 0; pointer-events: none; user-select: none; object-fit: contain; }
.hm-orgchart-workdesk-ring { top: 0; left: 50%; width: 1757px; height: 901px; translate: -50% 0; mix-blend-mode: multiply; }
.hm-orgchart-workdesk-sky { inset: 0; width: 100%; height: 100%; object-position: top center; opacity: 0.1; }
@@ -270,7 +272,7 @@
min-height: 24px;
margin: 0;
border-radius: var(--hm-orgchart-resolved-radius-container);
color: var(--hm-orgchart-resolved-on-action-primary);
color: var(--hm-orgchart-status-title-color, var(--hm-orgchart-resolved-on-action-primary));
font-size: var(--hm-orgchart-group-title-font-size);
font-weight: var(--hm-orgchart-group-title-font-weight);
line-height: var(--hm-orgchart-group-title-line-height);