@miadi/episode-ui 0.1.0 → 0.1.1
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/package.json +2 -2
- package/src/episode-ui.css +11 -7
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@miadi/episode-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"description": "Host-driven React components for an episode vessel: browse its files, read one, edit one with a conflict that never loses the draft, keep a ceremony's working notes and name the artefacts a circle was held about. No component fetches, holds a URL or a token, or knows a chronicle root — files, content, capabilities and callbacks come in; intent comes out.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"README.md"
|
|
29
29
|
],
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@miadi/episode-vessel": "^0.1.
|
|
31
|
+
"@miadi/episode-vessel": "^0.1.3"
|
|
32
32
|
},
|
|
33
33
|
"peerDependencies": {
|
|
34
34
|
"react": ">=18",
|
package/src/episode-ui.css
CHANGED
|
@@ -4,7 +4,11 @@
|
|
|
4
4
|
* overrides the properties or the classes; nothing here is !important and
|
|
5
5
|
* nothing assumes a framework.
|
|
6
6
|
*
|
|
7
|
-
* Touch targets are
|
|
7
|
+
* Touch targets are 44px because the first surface this runs on is a phone.
|
|
8
|
+
* That is the platform convention (Apple HIG 44, Material 48), not a WCAG
|
|
9
|
+
* floor — WCAG 2.2 SC 2.5.8 is 24px at AA, and 44px is SC 2.5.5 at AAA. The
|
|
10
|
+
* device lane measured gmtermux's 34px mode switcher as the hardest control to
|
|
11
|
+
* hit on a real phone (miadisabelle/gmtermux#86), so both surfaces use 44.
|
|
8
12
|
*/
|
|
9
13
|
|
|
10
14
|
.episode-file-browser,
|
|
@@ -47,7 +51,7 @@
|
|
|
47
51
|
.episode-file-browser-filter,
|
|
48
52
|
.episode-shelf-filter {
|
|
49
53
|
width: 100%;
|
|
50
|
-
min-height:
|
|
54
|
+
min-height: 44px;
|
|
51
55
|
padding: 8px 10px;
|
|
52
56
|
margin-bottom: 8px;
|
|
53
57
|
background: var(--episode-bg);
|
|
@@ -79,7 +83,7 @@
|
|
|
79
83
|
display: flex;
|
|
80
84
|
align-items: center;
|
|
81
85
|
gap: 9px;
|
|
82
|
-
min-height:
|
|
86
|
+
min-height: 44px;
|
|
83
87
|
padding: 6px 9px;
|
|
84
88
|
background: transparent;
|
|
85
89
|
color: inherit;
|
|
@@ -131,7 +135,7 @@
|
|
|
131
135
|
.episode-file-attach,
|
|
132
136
|
.ceremony-attachment-detach,
|
|
133
137
|
.episode-text-viewer-toggle {
|
|
134
|
-
min-height:
|
|
138
|
+
min-height: 44px;
|
|
135
139
|
padding: 4px 10px;
|
|
136
140
|
background: transparent;
|
|
137
141
|
color: var(--episode-text-dim);
|
|
@@ -245,7 +249,7 @@
|
|
|
245
249
|
|
|
246
250
|
.episode-text-editor-actions button,
|
|
247
251
|
.ceremony-note-actions button {
|
|
248
|
-
min-height:
|
|
252
|
+
min-height: 44px;
|
|
249
253
|
padding: 6px 14px;
|
|
250
254
|
background: var(--episode-accent);
|
|
251
255
|
color: #1a1a1a;
|
|
@@ -329,7 +333,7 @@
|
|
|
329
333
|
}
|
|
330
334
|
|
|
331
335
|
.ceremony-attachment-open {
|
|
332
|
-
min-height:
|
|
336
|
+
min-height: 44px;
|
|
333
337
|
padding: 2px 0;
|
|
334
338
|
background: none;
|
|
335
339
|
border: none;
|
|
@@ -359,7 +363,7 @@
|
|
|
359
363
|
align-items: flex-start;
|
|
360
364
|
gap: 10px;
|
|
361
365
|
width: 100%;
|
|
362
|
-
min-height:
|
|
366
|
+
min-height: 44px;
|
|
363
367
|
padding: 8px 10px;
|
|
364
368
|
background: transparent;
|
|
365
369
|
color: inherit;
|