fine tune ms-dialog style and terminal height

cisco-open · Sep 5, 2024 · 584b55f · 584b55f
1 parent 3946bb4
commit 584b55f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/app/modules/shared/components/ms-dialog/component/ms-dialog.component.scss b/frontend/src/app/modules/shared/components/ms-dialog/component/ms-dialog.component.scss
@@ -23,7 +23,7 @@
 	flex-direction: column;
 
 	.dialog-header {
-		min-height: 90px;
+		min-height: 60px;
 		background-color: var(--backgrounds-200);
 		box-sizing: border-box;
 		border-bottom: 1px solid var(--backgrounds-500);
@@ -32,7 +32,7 @@
 			display: flex;
 			align-items: center;
 			justify-content: space-between;
-			padding: 32px;
+			padding: 24px 32px;
 
 			.close-icon .icon-cancel {
 				color: var(--foregrounds-100) !important;
@@ -48,12 +48,12 @@
 		overflow-y: auto;
 		background-color: var(--backgrounds-100);
 		flex-grow: 1;
-		padding: 24px 32px;
+		padding: 16px 32px;
 	}
 
 	.dialog-actions {
 		background-color: var(--backgrounds-200);
-		padding: 20px 32px;
+		padding: 16px 32px;
 		box-sizing: border-box;
 		border-top: 1px solid var(--backgrounds-500);
 

diff --git a/...mponents/terminal-messages-history-dialog/terminal-messages-history-dialog.component.html b/...mponents/terminal-messages-history-dialog/terminal-messages-history-dialog.component.html
@@ -29,7 +29,7 @@
 							class="mat-error scale-on-hover"
 							>close</mat-icon
 						>
-						<mat-icon matSuffix *ngIf="!terminalSearch.searchControl.value">search</mat-icon>
+						<mat-icon matSuffix *ngIf="!terminalSearch.searchControl.value" class="mat-primary">search</mat-icon>
 					</mat-form-field>
 				</div>
 			</div>

diff --git a/...components/terminal-messages-history-dialog/terminal-messages-history-dialog.component.ts b/...components/terminal-messages-history-dialog/terminal-messages-history-dialog.component.ts
@@ -134,7 +134,7 @@ export class TerminalMessagesHistoryDialogComponent implements OnInit, OnDestroy
 
 		if (rightSideElement) {
 			let finalHeight: number;
-			const heightCorrection = 320;
+			const heightCorrection = 280;
 			finalHeight = rightSideElement.offsetHeight - heightCorrection;
 			this.terminalHistoryDiv.nativeElement.style.height = `${finalHeight}px`;
 		}