Snackbar hasProgress: Set to double column grid

Use new id for snackbar with progress and style it Signed-off-by: Pedro Pinto Silva <[email protected]> Change-Id: I24a1647f0f629b7b079aa65601f4309c339a06e8
CollaboraOnline · Oct 11, 2023 · 9a6b877 · 9a6b877
1 parent 37bc01a
commit 9a6b877
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/browser/css/jsdialogs.css b/browser/css/jsdialogs.css
@@ -1386,7 +1386,8 @@ input[type='number']:hover::-webkit-outer-spin-button {
 .snackbar.jsdialog-window {
 	overflow: visible;
 }
-.snackbar #snackbar-container {
+.snackbar #snackbar-container,
+.snackbar #snackbar-container-progress {
 	align-items: center;
 	max-width: calc(80vw);
 }
@@ -1437,6 +1438,16 @@ input[type='number']:hover::-webkit-outer-spin-button {
 	padding: 8px;
 }
 
+#snackbar-container-progress .ui-progressbar {
+	display: grid;
+	grid-column: 1 / 3;
+}
+
+#snackbar-container-progress {
+	grid-template-rows: repeat(2, auto);
+	grid-template-columns: repeat(2, auto);
+}
+
 #mobile-wizard.popup.snackbar #button,
 .snackbar.jsdialog-container #button {
 	color: #469cff !important;

diff --git a/browser/src/control/Control.UIManager.js b/browser/src/control/Control.UIManager.js
@@ -938,7 +938,7 @@ L.Control.UIManager = L.Control.extend({
 			'init_focus_id': action ? buttonId : undefined,
 			children: [
 				{
-					id: 'snackbar-container',
+					id: hasProgress ? 'snackbar-container-progress' : 'snackbar-container',
 					type: 'container',
 					children: [
 						action ? {id: labelId, type: 'fixedtext', text: label, labelFor: buttonId} : {id: 'label-no-action', type: 'fixedtext', text: label},