updated styles on tabs

NREL · Jan 15, 2025 · 78851c9 · 78851c9
1 parent 2a8a89b
commit 78851c9
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/...ection/data-collection-manage-assessments/data-collection-manage-assessments.component.ts b/...ection/data-collection-manage-assessments/data-collection-manage-assessments.component.ts
@@ -69,10 +69,12 @@ export class DataCollectionManageAssessmentsComponent {
       this.facilityIdbService.getByGUID(this.onSiteVisit.facilityId).unitSettings
     );
     assessment.visitDate = this.onSiteVisit.visitDate;
+    assessment.sidebarOpen = true;
     await firstValueFrom(this.assessmentIdbService.addWithObservable(assessment));
     await this.assessmentIdbService.setAssessments();
     this.onSiteVisit.assessmentIds.push(assessment.guid);
     await this.onSiteVisitIdbService.asyncUpdate(this.onSiteVisit);
+    this.goToAssessment(assessment.guid);
   }
 
 

diff --git a/src/app/setup-wizard/data-collection/on-site-assessment/on-site-assessment.component.css b/src/app/setup-wizard/data-collection/on-site-assessment/on-site-assessment.component.css
@@ -8,5 +8,21 @@
 
 .navbar{
     padding-bottom: 0px;
-    border-bottom: 1px #0079c2 solid;
+    border-bottom: 1px var(--portfolio-nav-color) solid;
+}
+
+nav.navbar .nav.nav-tabs .nav-item .nav-link{
+    border-color: var(--portfolio-nav-color);
+    color: var(--portfolio-nav-color);
+}
+
+
+nav.navbar .nav.nav-tabs .nav-item .nav-link.active {
+    background-color: var(--portfolio-nav-color);
+    color: white;
+    border-bottom-color: black;
+}
+nav.navbar .nav.nav-tabs .nav-item .nav-link:hover {
+    background-color: #8DABBE;
+    color: black;
 }
diff --git a/src/app/setup-wizard/data-collection/on-site-assessment/on-site-assessment.component.html b/src/app/setup-wizard/data-collection/on-site-assessment/on-site-assessment.component.html
@@ -13,6 +13,7 @@ <h5>
                             *ngIf="assessment.assessmentType">{{assessment.assessmentType}}</span>
                     </div>
                 </div>
+                <hr class="my-1">
                 <nav class="navbar">
                     <ul class="nav nav-tabs">
                         <li class="nav-item">