feat(org-chart): add core cards and fixed-layout integration
This commit is contained in:
1 parent
d18e3c3380
commit
61c6f8d1f1
161 files changed
+13044
-1
No files matched your search
@@ -0,0 +1,48 @@
|
||||
.hm-orgchart-organization-link {
|
||||
display: block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border-radius: inherit;
|
||||
}
|
||||
.hm-orgchart-organization-link:hover { text-decoration: underline; }
|
||||
.hm-orgchart-organization-link:focus-visible,
|
||||
.hm-orgchart-employee[role="button"]:focus-visible,
|
||||
.hm-orgchart-employee-dialog-close:focus-visible {
|
||||
outline: 2px solid var(--hm-orgchart-resolved-stroke-input-focus);
|
||||
outline-offset: 3px;
|
||||
}
|
||||
.hm-orgchart-employee[role="button"] { cursor: pointer; }
|
||||
.hm-orgchart-employee-dialog {
|
||||
width: min(420px, calc(100vw - 32px));
|
||||
max-width: calc(100vw - 32px);
|
||||
max-height: calc(100dvh - 32px);
|
||||
padding: var(--hm-orgchart-resolved-spacing-xxl);
|
||||
border: var(--hm-orgchart-resolved-border-width) solid var(--hm-orgchart-resolved-stroke-default);
|
||||
border-radius: var(--hm-orgchart-resolved-radius-container);
|
||||
background: var(--hm-orgchart-resolved-bg-surface);
|
||||
color: var(--hm-orgchart-resolved-fg-primary);
|
||||
font: inherit;
|
||||
overflow: auto;
|
||||
}
|
||||
.hm-orgchart-employee-dialog::backdrop {
|
||||
background: color-mix(in srgb, var(--hm-orgchart-resolved-fg-primary) 38%, transparent);
|
||||
}
|
||||
.hm-orgchart-employee-dialog-header { display: flex; align-items: center; justify-content: space-between; gap: var(--hm-orgchart-resolved-spacing-lg); }
|
||||
.hm-orgchart-employee-dialog-header h2 { margin: 0; font-size: 18px; font-weight: var(--hm-orgchart-resolved-font-weight-bold); }
|
||||
.hm-orgchart-employee-dialog-close {
|
||||
padding: var(--hm-orgchart-resolved-spacing-xs) var(--hm-orgchart-resolved-spacing-sm);
|
||||
border: var(--hm-orgchart-resolved-border-width) solid var(--hm-orgchart-resolved-stroke-default);
|
||||
border-radius: var(--hm-orgchart-resolved-radius-control-md);
|
||||
background: var(--hm-orgchart-resolved-bg-content);
|
||||
color: inherit;
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
.hm-orgchart-employee-dialog-fields {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr);
|
||||
gap: var(--hm-orgchart-resolved-spacing-md) var(--hm-orgchart-resolved-spacing-lg);
|
||||
margin: var(--hm-orgchart-resolved-spacing-xl) 0 0;
|
||||
}
|
||||
.hm-orgchart-employee-dialog-fields dt { color: var(--hm-orgchart-resolved-fg-secondary); }
|
||||
.hm-orgchart-employee-dialog-fields dd { margin: 0; overflow-wrap: anywhere; }
|
||||
Reference in new issue
Block a user