strepsirrhini/libreoffice-online
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Mobile: Resolve issue where busy popup covers the whole document

Browse source 
Fixes a bug in the mobile version where the busy popup was erroneously covering the entire document. Adjusted the styling to ensure proper display and user experience.

Signed-off-by: codewithvk <vivek.javiya@collabora.com>
Change-Id: I6b3b9900b3f0891f36aacac3e7ab9013d4e93690
This commit is contained in:
codewithvk 2024-01-04 19:52:24 +05:30 committed by pedropintosilva
parent 3b86ee3ba2
commit f4dc729696
2 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
browser/css/device-mobile.css
View file

@ -679,15 +679,19 @@ td[id^='tb_spreadsheet-toolbar_item']:focus table.w2ui-button div.w2ui-icon, td[
} }
/* busy popup */ /* busy popup */
#mobile-wizard.popup:not(.snackbar):not(.busypopup) {
#mobile-wizard.popup:not(.snackbar) {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
height: 100vh !important; height: 100vh !important;
} }
#mobile-wizard.busypopup {
border-radius: 16px 16px 0 0;
}
#mobile-wizard.popup #mobile-wizard-content, #mobile-wizard.popup #mobile-wizard-content,
#mobile-wizard.popup .mobile-wizard-content { #mobile-wizard.snackbar .mobile-wizard-content,
#mobile-wizard.busypopup #mobile-wizard-content,
#mobile-wizard.busypopup .mobile-wizard-content {
display: flex; display: flex;
align-items: start; align-items: start;
justify-content: center; justify-content: center;

8
browser/src/control/Control.MobileWizardWindow.js
View file

@ -40,6 +40,7 @@ L.Control.MobileWizardWindow = L.Control.extend({
this.isVisible = false; // indicates if this window is currently visible inside mobile-wizard this.isVisible = false; // indicates if this window is currently visible inside mobile-wizard
this.isPopup = false; // indicates that current window is a popup, uses different look this.isPopup = false; // indicates that current window is a popup, uses different look
this.isSnackBar = false; // shows as little popup at the bottom this.isSnackBar = false; // shows as little popup at the bottom
this.isBusyPopUp = false; // show a busy popup
this.isFunctionMenu = false; // shows full screen with list of calc functions this.isFunctionMenu = false; // shows full screen with list of calc functions
this.isHamburgerMenu = false; // shows full screen with items from menubar this.isHamburgerMenu = false; // shows full screen with items from menubar
this.isShapesWizard = false; // shows full screen shape type selector this.isShapesWizard = false; // shows full screen shape type selector
@ -79,6 +80,7 @@ L.Control.MobileWizardWindow = L.Control.extend({
this.mobileWizard.removeClass('funcwizard'); this.mobileWizard.removeClass('funcwizard');
this.mobileWizard.removeClass('popup'); this.mobileWizard.removeClass('popup');
this.mobileWizard.removeClass('snackbar'); this.mobileWizard.removeClass('snackbar');
this.mobileWizard.removeClass('busypopup');
}, },
/// this applies special styling for different types of mobile-wizards /// this applies special styling for different types of mobile-wizards
@ -93,6 +95,8 @@ L.Control.MobileWizardWindow = L.Control.extend({
this.mobileWizard.addClass('popup'); this.mobileWizard.addClass('popup');
if (this.isSnackBar) if (this.isSnackBar)
this.mobileWizard.addClass('snackbar'); this.mobileWizard.addClass('snackbar');
if (this.isBusyPopUp)
this.mobileWizard.addClass('busypopup');
}, },
/// resets all classes which can modify the look to the original values /// resets all classes which can modify the look to the original values
@ -567,6 +571,10 @@ L.Control.MobileWizardWindow = L.Control.extend({
this.isSnackBar = true; this.isSnackBar = true;
this.snackBarTimout = setTimeout(function () { that.parent.removeWindow(that); }, data.timeout ? data.timeout : this.options.snackbarTimeout); this.snackBarTimout = setTimeout(function () { that.parent.removeWindow(that); }, data.timeout ? data.timeout : this.options.snackbarTimeout);
} }
else if (data.id === 'busypopup') {
var that = this;
this.isBusyPopUp = true;
}
} }
this._applySpecialClasses(); this._applySpecialClasses();