anentrypoint-design 0.0.9 → 0.0.11
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/dist/247420.app.js +15 -1
- package/dist/247420.css +32 -8
- package/dist/247420.js +21 -7
- package/package.json +1 -1
- package/src/app.js +42 -17
- package/src/components.js +16 -4
- package/src/index.js +10 -3
- package/src/motion.js +122 -0
package/dist/247420.css
CHANGED
|
@@ -235,12 +235,12 @@
|
|
|
235
235
|
--measure: 72ch;
|
|
236
236
|
|
|
237
237
|
/* Extended type scale */
|
|
238
|
-
--fs-body:
|
|
239
|
-
--fs-lg:
|
|
240
|
-
--fs-sm:
|
|
241
|
-
--fs-xs:
|
|
242
|
-
--fs-tiny:
|
|
243
|
-
--fs-micro:
|
|
238
|
+
--fs-body: 15px;
|
|
239
|
+
--fs-lg: 17px;
|
|
240
|
+
--fs-sm: 14px;
|
|
241
|
+
--fs-xs: 13px;
|
|
242
|
+
--fs-tiny: 13px;
|
|
243
|
+
--fs-micro: 12px;
|
|
244
244
|
--fs-h3: 14px;
|
|
245
245
|
--fs-h4: 13px;
|
|
246
246
|
|
|
@@ -265,7 +265,7 @@
|
|
|
265
265
|
background: var(--panel-0);
|
|
266
266
|
color: var(--panel-text);
|
|
267
267
|
font-family: var(--ff-mono);
|
|
268
|
-
font-size:
|
|
268
|
+
font-size: 15px;
|
|
269
269
|
line-height: 1.5;
|
|
270
270
|
-webkit-font-smoothing: antialiased;
|
|
271
271
|
-moz-osx-font-smoothing: grayscale;
|
|
@@ -860,14 +860,29 @@
|
|
|
860
860
|
min-height: 0;
|
|
861
861
|
background: var(--panel-0);
|
|
862
862
|
gap: 0;
|
|
863
|
+
transition: grid-template-columns var(--motion-fast, 220ms) ease;
|
|
864
|
+
}
|
|
865
|
+
.ds-247420 .app-body.no-side { grid-template-columns: 0 1fr; }
|
|
866
|
+
|
|
867
|
+
.ds-247420 .app-side-shell {
|
|
868
|
+
min-width: 0;
|
|
869
|
+
overflow: hidden;
|
|
870
|
+
opacity: 1;
|
|
871
|
+
transform: translateX(0);
|
|
872
|
+
transition: opacity var(--motion-fast, 220ms) ease, transform var(--motion-fast, 220ms) ease;
|
|
873
|
+
}
|
|
874
|
+
.ds-247420 .app-body.no-side .app-side-shell {
|
|
875
|
+
opacity: 0;
|
|
876
|
+
transform: translateX(-12px);
|
|
877
|
+
pointer-events: none;
|
|
863
878
|
}
|
|
864
|
-
.ds-247420 .app-body.no-side { grid-template-columns: 1fr; }
|
|
865
879
|
|
|
866
880
|
/* Sidebar */
|
|
867
881
|
.ds-247420 .app-side {
|
|
868
882
|
background: var(--panel-0);
|
|
869
883
|
padding: 8px 0 24px 0;
|
|
870
884
|
overflow-y: auto;
|
|
885
|
+
height: 100%;
|
|
871
886
|
}
|
|
872
887
|
.ds-247420 .app-side .group {
|
|
873
888
|
padding: 12px 16px 4px 16px;
|
|
@@ -1423,6 +1438,15 @@
|
|
|
1423
1438
|
color: var(--panel-text);
|
|
1424
1439
|
}
|
|
1425
1440
|
|
|
1441
|
+
/* Readability floor across all surfaces */
|
|
1442
|
+
.ds-247420 .app-side .group { font-size: 13px; }
|
|
1443
|
+
.ds-247420 .app-side a { font-size: 15px; }
|
|
1444
|
+
.ds-247420 .app-side a .count { font-size: 13px; }
|
|
1445
|
+
.ds-247420 .tabs a { font-size: 15px; }
|
|
1446
|
+
.ds-247420 .list-toolbar .count { font-size: 13px; }
|
|
1447
|
+
.ds-247420 .list-row .from, .ds-247420 .list-row .subject { font-size: 15px; }
|
|
1448
|
+
.ds-247420 .list-row .time, .ds-247420 .label { font-size: 13px; }
|
|
1449
|
+
|
|
1426
1450
|
/* Scrollbars */
|
|
1427
1451
|
.ds-247420 ::-webkit-scrollbar { width: 10px; height: 10px; }
|
|
1428
1452
|
.ds-247420 ::-webkit-scrollbar-thumb { background: var(--panel-3); border-radius: 5px; }
|