@scalemule/news-publication 0.0.29 → 0.0.31

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@scalemule/news-publication",
3
- "version": "0.0.29",
3
+ "version": "0.0.31",
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
@@ -597,3 +597,33 @@
597
597
  scroll-behavior: auto;
598
598
  }
599
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
+ }
623
+
624
+ /* Keep family sharing alongside the preview, separate from editorial copy. */
625
+ .sm-review-sharing, .sm-review-identity-status { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; padding:16px 0; border-bottom:1px solid var(--sm-rule, #d8d8d8); font:16px/1.5 system-ui,sans-serif; }
626
+ .sm-review-sharing p { flex:1 1 240px; margin:0; }
627
+ .sm-review-sharing button, .sm-review-identity-status button { min-height:48px; font:inherit; padding:10px 16px; cursor:pointer; }
628
+ .sm-review-form input#review-share-url { width:100%; font-size:16px; min-width:0; }
629
+ .sm-review-form label[for^="contributor-"] { display:block; margin-top:16px; }