diff --git a/plugin-designs/prayer-walk-planner/prayer-walk-planner.vue b/plugin-designs/prayer-walk-planner/prayer-walk-planner.vue index 9a932d321..b9313bd45 100644 --- a/plugin-designs/prayer-walk-planner/prayer-walk-planner.vue +++ b/plugin-designs/prayer-walk-planner/prayer-walk-planner.vue @@ -104,6 +104,7 @@ const uiLocale = computed(() => { }) const uiDir = computed(() => (uiLocale.value === 'ar' ? 'rtl' : 'ltr')) const tr = (key, params) => translate(uiLocale.value, key, params) +const moreOpen = ref(false) // the phone "More" menu // The shared controls (Share, Full screen) label themselves through the vue-i18n instance index.js // installs, which reads only the PAGE language. Inside the Research Gallery the language arrives in @@ -622,6 +623,8 @@ useShadowStyles( '.pwp-btn:disabled{opacity:.45;cursor:not-allowed}' + '.pwp-btn.is-danger{color:#8a3b3b;border-color:#e0c4c4}' + '.pwp-spacer{flex:1}' + + '.pwp-more-btn{display:none}' + + '.pwp-listops{display:contents}' + '.pwp-count{font-size:12px;color:#6d766e}' + '.pwp-status{padding:6px 12px;font-size:12px;color:#6d766e;background:#fff;border-bottom:1px solid #d1d4cd}' + '.pwp-body{position:relative;flex:1;min-height:0;display:flex}' + @@ -651,6 +654,12 @@ useShadowStyles( '.pwp-btn{white-space:nowrap;padding:8px 12px}' + '.pwp-spacer{display:none}' + '.pwp-draw{order:-2}.pwp-print{order:-1}' + + // One row that FITS (Draw, Print, More, count) instead of a sideways scroll with no cue; the + // three list actions open as their own full-width row under it. + '.pwp-toolbar{flex-wrap:wrap;overflow:visible}' + + '.pwp-more-btn{display:inline-flex}' + + '.pwp-listops{display:none;flex-basis:100%;flex-wrap:wrap;gap:6px}' + + '.pwp-listops.is-open{display:flex}' + '}' ) @@ -666,16 +675,21 @@ useShadowStyles( :disabled="drawPoints.length < 3" @click="onFinishClick"> {{ tr('finish', { n: drawPoints.length }) }} - - - + + +
+ + + +
{{ tr('countSelected', { n: selectedCount, total: polygons.length }) }}