@scalemule/news-publication 0.0.28 → 0.0.30
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/story-review.cjs +719 -341
- package/dist/story-review.js +719 -341
- package/package.json +1 -1
- package/story-review.css +42 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@scalemule/news-publication",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.30",
|
|
4
4
|
"description": "Shared server framework for ScaleMule local news publications. Walnut Creek Times is the broadsheet default; each paper supplies its own identity and feature flags.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
package/story-review.css
CHANGED
|
@@ -151,6 +151,24 @@
|
|
|
151
151
|
color: #496076;
|
|
152
152
|
margin-top: 8px;
|
|
153
153
|
}
|
|
154
|
+
.sm-review-photo-details {
|
|
155
|
+
display: flex;
|
|
156
|
+
align-items: baseline;
|
|
157
|
+
justify-content: space-between;
|
|
158
|
+
flex-wrap: wrap;
|
|
159
|
+
gap: 8px 16px;
|
|
160
|
+
margin-top: 10px;
|
|
161
|
+
}
|
|
162
|
+
.sm-review-photo-details > span {
|
|
163
|
+
flex: 1 1 200px;
|
|
164
|
+
margin: 0;
|
|
165
|
+
color: var(--pub-muted, #545c55);
|
|
166
|
+
}
|
|
167
|
+
.sm-story-review .sm-review-change-photo {
|
|
168
|
+
margin-left: auto;
|
|
169
|
+
min-height: 44px;
|
|
170
|
+
font-size: 13px;
|
|
171
|
+
}
|
|
154
172
|
.sm-review-actions {
|
|
155
173
|
position: sticky;
|
|
156
174
|
bottom: 0;
|
|
@@ -565,6 +583,7 @@
|
|
|
565
583
|
}
|
|
566
584
|
}
|
|
567
585
|
@media print {
|
|
586
|
+
.sm-review-change-photo,
|
|
568
587
|
.sm-review-concierge-actions,
|
|
569
588
|
.sm-review-welcome,
|
|
570
589
|
.sm-review-utilities,
|
|
@@ -578,3 +597,26 @@
|
|
|
578
597
|
scroll-behavior: auto;
|
|
579
598
|
}
|
|
580
599
|
}
|
|
600
|
+
|
|
601
|
+
/* Response controls stay readable with a phone keyboard and at browser zoom. */
|
|
602
|
+
.sm-review-response-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
|
|
603
|
+
.sm-review-save-state, .sm-review-resume { background: var(--pub-soft, #f5f6f3); padding: 16px; margin: 18px auto; max-width: 760px; font: 16px/1.6 system-ui, sans-serif; }
|
|
604
|
+
.sm-review-save-state p { margin: 0 0 8px; }
|
|
605
|
+
.sm-story-review button, .sm-review-form summary { min-height: 48px; }
|
|
606
|
+
.sm-review-photo-picker { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
|
|
607
|
+
.sm-review-photo-picker > p { width: 100%; margin-bottom: 0; }
|
|
608
|
+
.sm-review-photo-picker .sm-review-native-file { width: 100%; }
|
|
609
|
+
.sm-review-photo-picker input[hidden] { display: none; }
|
|
610
|
+
.sm-review-selected-photo { padding: 16px; border: 1px solid var(--pub-rule, #d7dcd7); }
|
|
611
|
+
.sm-review-selected-photo img { display: block; width: 100%; max-height: 320px; object-fit: contain; }
|
|
612
|
+
.sm-review-send-bar { position: static; bottom: 0; background: var(--pub-paper, #fff); border-top: 1px solid var(--pub-rule, #d7dcd7); padding: 12px 0 max(12px, env(safe-area-inset-bottom)); }
|
|
613
|
+
.sm-review-send-bar.is-ready { position: sticky; }
|
|
614
|
+
.sm-review-send-bar p { margin: 0 0 8px; }
|
|
615
|
+
.sm-review-send-bar progress { display: block; width: 100%; }
|
|
616
|
+
.sm-review-form input[type=file]::file-selector-button { min-height: 44px; font: inherit; }
|
|
617
|
+
@media (max-width: 600px) {
|
|
618
|
+
.sm-review-form button { font-size: 16px; }
|
|
619
|
+
.sm-review-response-fields > form > button, .sm-review-send-bar button { width: 100%; margin: 8px 0 0; }
|
|
620
|
+
.sm-review-photo-picker button { flex: 1 1 180px; margin: 0; }
|
|
621
|
+
.sm-review-save-state button { margin: 8px 0 0; }
|
|
622
|
+
}
|