From 583569f8777d6f4dac2a67e53440e9950fd89f45 Mon Sep 17 00:00:00 2001
From: Brandon Clayton <bclayton@usgs.gov>
Date: Mon, 17 Mar 2025 17:02:11 -0600
Subject: [PATCH] add styling
---
.../components/form/form.component.html | 2 +-
.../components/form/form.component.scss | 11 +++++++++++
.../components/history/history.component.html | 6 ++++--
.../components/history/history.component.scss | 15 +++++++++++++++
4 files changed, 31 insertions(+), 3 deletions(-)
diff --git a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html
index 1d3036ee3..5e5e5a71b 100644
--- a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html
+++ b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.html
@@ -499,7 +499,7 @@
/>
</div>
- <div class="grid-col-12 padding-y-2">
+ <div class="grid-col-12 padding-y-2 calc-config">
<mat-expansion-panel
[disabled]="calcConfig() === null"
[expanded]="calcConfig() !== null"
diff --git a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.scss b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.scss
index 069588737..0d57f27d5 100644
--- a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.scss
+++ b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/form/form.component.scss
@@ -1,3 +1,6 @@
+@use '@angular/material' as mat;
+@use '@ghsc/nshmp-template/styles/variables';
+
:host {
height: 100%;
width: 100%;
@@ -54,3 +57,11 @@ mat-expansion-panel {
font-size: clamp(8px, 6px + 1vw, 14px);
}
}
+
+.calc-config {
+ @include mat.expansion-overrides(
+ (
+ container-background-color: variables.$nshmp-surface-container-highest,
+ )
+ );
+}
diff --git a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html
index a9d1ea24a..cd86d3262 100644
--- a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html
+++ b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.html
@@ -45,9 +45,11 @@
</a>
</div>
- <div>Submitted: {{ serviceResponse.date }}</div>
+ <div class="padding-bottom-1">
+ Submitted: {{ serviceResponse.date }}
+ </div>
- <mat-expansion-panel class="grid-col-12 padding-top-1">
+ <mat-expansion-panel class="grid-col-12">
<mat-expansion-panel-header>
<mat-panel-title>Configuration</mat-panel-title>
</mat-expansion-panel-header>
diff --git a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.scss b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.scss
index 048c1f1df..1f39dbb77 100644
--- a/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.scss
+++ b/projects/nshmp-apps/src/app/internal/aws/submit-haz-jobs/components/history/history.component.scss
@@ -1,3 +1,6 @@
+@use '@angular/material' as mat;
+@use '@ghsc/nshmp-template/styles/variables';
+
.code-block {
font-size: 11px;
}
@@ -5,4 +8,16 @@
.history-cards {
overflow: auto;
max-height: 150vh;
+
+ @include mat.card-overrides(
+ (
+ outlined-container-color: variables.$nshmp-surface-container-high,
+ )
+ );
+
+ @include mat.expansion-overrides(
+ (
+ container-background-color: variables.$nshmp-surface-container-highest,
+ )
+ );
}
--
GitLab