fix(Dialog): resolve issue with dialog sizing

Author: jstarpl

packages/webui/public/origo-ui/dist/origo.css

@@ -4007,7 +4007,6 @@ input[type=search].pi-input {
   margin-left: -10px; }
 
 .title-box-content {
-  height: 100%;
   max-height: 28em;
   overflow-y: auto;
   overflow-x: hidden; }

packages/webui/src/client/lib/ModalDialog.tsx

@@ -150,7 +150,7 @@ export function ModalDialog({
 					<div className="glass-pane-content">
 						<motion.dialog
 							open={true}
-							className={'border-box overlay-m ' + className || ''}
+							className={'border-box overlay-m ' + (className || '')}
 							role="alertdialog"
 							onKeyUp={onDialogKeyUp}
 							onKeyDown={onDialogKeyDown}

packages/webui/src/client/styles/supportAndSwitchboardPanel.scss

@@ -86,7 +86,6 @@
 
 .switchboard-pop-up-panel {
 	top: auto;
-	z-index: -1;
 	white-space: nowrap;
 	overflow: hidden;
 	text-align: left;
@@ -101,7 +100,6 @@
 
 .media-status-panel {
 	top: auto;
-	z-index: -1;
 	white-space: nowrap;
 	overflow: hidden;
 	text-align: left;
@@ -175,8 +173,6 @@
 		--panel-background: #eee;
 		background: var(--panel-background);
 
-		z-index: -1;
-
 		.status-bar__controls__button {
 			color: #999;
 		}