@kolkrabbi/kol-framework 0.59.0 → 0.60.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.
- package/kol-framework.css +39 -0
- package/package.json +3 -3
package/kol-framework.css
CHANGED
|
@@ -211,6 +211,45 @@ body {
|
|
|
211
211
|
line-height: 1;
|
|
212
212
|
transition: transform 150ms ease, opacity 120ms ease, visibility 0s linear 120ms;
|
|
213
213
|
}
|
|
214
|
+
/* THE SPLIT ROW (user 2026-10-28: "expand anywhere except the title"): a foldernote's row is two targets on one box.
|
|
215
|
+
* The caret button fills the row under the link (the Tooltip wrapper is the positioned box, so it covers the head and
|
|
216
|
+
* not the open list below), its chevron where the floated caret sat; the link above passes the pointer through except
|
|
217
|
+
* on its glyph and title. The row still brightens as one when either half is hovered. */
|
|
218
|
+
.kol-sidenav-hop-caret--row {
|
|
219
|
+
top: 0;
|
|
220
|
+
right: 0;
|
|
221
|
+
bottom: 0;
|
|
222
|
+
left: 0;
|
|
223
|
+
justify-content: flex-end;
|
|
224
|
+
align-items: flex-start;
|
|
225
|
+
/* the chevron's 12 from the top and 16 from the edge ride the element as utilities (`pt-3 pr-4`) — a padding here
|
|
226
|
+
* would lose to the utility layer, which is how the first cut put the chevron 12px high */
|
|
227
|
+
}
|
|
228
|
+
.kol-sidenav-hop-chevron {
|
|
229
|
+
display: inline-flex;
|
|
230
|
+
transition: transform 150ms ease;
|
|
231
|
+
}
|
|
232
|
+
.kol-sidenav-hop--split {
|
|
233
|
+
pointer-events: none;
|
|
234
|
+
}
|
|
235
|
+
.kol-sidenav-hop--split .kol-sidenav-hop-icon,
|
|
236
|
+
.kol-sidenav-hop--split .kol-sidenav-hop-title {
|
|
237
|
+
pointer-events: auto;
|
|
238
|
+
}
|
|
239
|
+
.kol-sidenav-hop-split:has(> .kol-sidenav-hop-caret--row:hover) .kol-sidenav-hop {
|
|
240
|
+
color: var(--kol-fg-96);
|
|
241
|
+
}
|
|
242
|
+
.kol-sidenav-hop-split:has(> .kol-sidenav-hop-caret--row:hover) .kol-sidenav-hop-icon {
|
|
243
|
+
color: var(--kol-surface-on-primary);
|
|
244
|
+
}
|
|
245
|
+
:root[data-sidenav="collapsed"] .kol-sidenav-hop--split { pointer-events: auto; }
|
|
246
|
+
/* THE TREE FADES AT ITS CLIP (user 2026-10-28: "we also are missing a fade when list clips in navrail") — the app rail's
|
|
247
|
+
* `.kol-shell-rail-list--fade` and the workshop rail's `.shell-rail`, the same 3rem ramp; the element's `pb-12` (a utility,
|
|
248
|
+
* which a components-layer padding here could not outrank) lets the last row scroll clear of it, so at the end of the list nothing stays faded. `NavRail variant="site" fade={false}` drops it. */
|
|
249
|
+
.kol-sidenav-scroll--fade {
|
|
250
|
+
-webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 3rem), transparent);
|
|
251
|
+
mask-image: linear-gradient(to bottom, #000 calc(100% - 3rem), transparent);
|
|
252
|
+
}
|
|
214
253
|
.kol-sidenav-list {
|
|
215
254
|
display: flex;
|
|
216
255
|
flex-direction: column;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kolkrabbi/kol-framework",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.60.0",
|
|
4
4
|
"description": "Site shell and page layout",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@kolkrabbi/kol-markdown": "0.2.0",
|
|
27
|
-
"@kolkrabbi/kol-component": "^0.
|
|
28
|
-
"@kolkrabbi/kol-icons": "^0.
|
|
27
|
+
"@kolkrabbi/kol-component": "^0.308.0",
|
|
28
|
+
"@kolkrabbi/kol-icons": "^0.50.0"
|
|
29
29
|
},
|
|
30
30
|
"files": [
|
|
31
31
|
"src",
|