From 9179f0d2f3b705952146747d9672159434dbb8e8 Mon Sep 17 00:00:00 2001 From: codewithvk Date: Fri, 24 Nov 2023 20:34:24 +0530 Subject: [PATCH] Mobile: Insert comment layout is too narrow and doesn't occupy full height Change-Id: Ibb6beff5659f5240ff2b49897e8a491f08933691 Signed-off-by: codewithvk --- browser/css/device-mobile.css | 11 +++++++++-- browser/src/layer/tile/CommentListSection.ts | 6 +++++- 2 files changed, 14 insertions(+), 3 deletions(-) diff --git a/browser/css/device-mobile.css b/browser/css/device-mobile.css index 61ffa5d0a..f06d169e5 100644 --- a/browser/css/device-mobile.css +++ b/browser/css/device-mobile.css @@ -681,15 +681,22 @@ td[id^='tb_spreadsheet-toolbar_item']:focus table.w2ui-button div.w2ui-icon, td[ /* busy popup */ #mobile-wizard.popup:not(.snackbar) { - border-radius: 16px 16px 0 0; + position: fixed; + top: 0; + left: 0; + height: 100vh !important; } #mobile-wizard.popup #mobile-wizard-content, #mobile-wizard.popup .mobile-wizard-content { display: flex; - align-items: center; + align-items: start; justify-content: center; flex-wrap: wrap; } +#mobile-wizard.snackbar #mobile-wizard-content, +#mobile-wizard.snackbar .mobile-wizard-content { + align-items: center; +} #mobile-wizard.popup.potrait #mobile-wizard-content { flex-direction: column; } diff --git a/browser/src/layer/tile/CommentListSection.ts b/browser/src/layer/tile/CommentListSection.ts index db13b938b..315412c16 100644 --- a/browser/src/layer/tile/CommentListSection.ts +++ b/browser/src/layer/tile/CommentListSection.ts @@ -473,7 +473,11 @@ export class CommentSection extends CanvasSectionObject { $(contentDate).text(isNaN(d.getTime()) ? comment.dateTime: d.toLocaleDateString((String).locale, dateOptions)); } - var parent = document.getElementById('new-annotation-dialog').parentElement; + var newAnnotationDialog = document.getElementById('new-annotation-dialog'); + $(newAnnotationDialog).css('width', '100%'); + var dialogInput = newAnnotationDialog.children[0]; + $(dialogInput).css('height', '30vh'); + var parent = newAnnotationDialog.parentElement; parent.insertBefore(author, parent.childNodes[0]); document.getElementById('input-modal-input').focus(); }