67 lines
2.0 KiB
CSS
67 lines
2.0 KiB
CSS
/* Existing Expanded Story content layout; HM widget styles stay unchanged. */
|
|
/* Reuse the existing Storybook review card surface through inherited inputs.
|
|
Only the outer Auto preview consumes these; its controls/artwork stay intact. */
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-preview.sb-center {
|
|
--hm-orgchart-expanded-preview-background: var(--sb-center-card-background);
|
|
--hm-orgchart-expanded-preview-border: var(--sb-center-card-border);
|
|
--hm-orgchart-expanded-preview-radius: var(--sb-center-card-radius);
|
|
padding: 0;
|
|
}
|
|
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-settings {
|
|
display: grid;
|
|
gap: 0.75rem;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
min-width: 0;
|
|
}
|
|
/* StorySection supplies the visible heading; keep each fieldset named for assistive technology. */
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-section-legend {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: -1px;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
white-space: nowrap;
|
|
border: 0;
|
|
}
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-controls {
|
|
align-items: flex-start;
|
|
}
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-instance {
|
|
flex: 1 1 12rem;
|
|
}
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-popup-setting {
|
|
flex: 0 1 24rem;
|
|
width: 100%;
|
|
}
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-companies { margin: 0; }
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-company-trigger {
|
|
width: 100%;
|
|
min-width: 0;
|
|
justify-content: space-between;
|
|
}
|
|
.hm-orgchart-story-expanded .hm-orgchart-story-company-summary {
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-align: left;
|
|
}
|
|
/* Popover is portaled outside StoryPage. Only this Story's content layout is
|
|
composed here; the HM panel surface, padding and widget states stay intact. */
|
|
.hm-orgchart-story-company-popover {
|
|
max-height: var(--radix-popover-content-available-height);
|
|
overflow-y: auto;
|
|
}
|
|
.hm-orgchart-story-company-options {
|
|
display: grid;
|
|
gap: 0.75rem;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
min-width: 0;
|
|
}
|