@marianmeres/stuic 3.139.0 → 3.140.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -82,6 +82,12 @@ Collapsing a branch also collapses all of its descendants.
|
|
|
82
82
|
</Tree>
|
|
83
83
|
```
|
|
84
84
|
|
|
85
|
+
> **Icon sizing tip:** render `renderIcon` SVGs at their native `viewBox` size (or an
|
|
86
|
+
> integer divisor of it) — e.g. `16` for Bootstrap icons (`0 0 16 16`), `24`/`16`/`12`
|
|
87
|
+
> for Lucide (`0 0 24 24`). A fractional downscale (e.g. a 16-unit icon at `size: 14`)
|
|
88
|
+
> renders 1px strokes at sub-pixel width, which looks like the icon is clipped ~1px —
|
|
89
|
+
> most visibly on icons whose shape touches the viewBox edge, such as file glyphs.
|
|
90
|
+
|
|
85
91
|
## Props
|
|
86
92
|
|
|
87
93
|
| Prop | Type | Default | Description |
|
|
@@ -117,6 +117,14 @@
|
|
|
117
117
|
opacity: var(--stuic-tree-icon-opacity);
|
|
118
118
|
}
|
|
119
119
|
|
|
120
|
+
/* Render icons as block so they sit on the pixel grid instead of the text
|
|
121
|
+
baseline. Inline SVGs (the default vertical-align: baseline) land on a
|
|
122
|
+
fractional pixel and shear ~1px off the bottom of full-viewBox glyphs
|
|
123
|
+
(e.g. file icons whose shape touches the bottom edge). */
|
|
124
|
+
.stuic-tree-item svg {
|
|
125
|
+
display: block;
|
|
126
|
+
}
|
|
127
|
+
|
|
120
128
|
/* =============================================================================
|
|
121
129
|
ITEM STATE STYLES
|
|
122
130
|
============================================================================= */
|