fixing style issues with coreui 5

deNBI · Aug 14, 2024 · 1a4e201 · 1a4e201
1 parent b2fd7fe
commit 1a4e201
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 4 deletions.
diff --git a/src/app/applications/application-detail/information-detail/information-detail.component.html b/src/app/applications/application-detail/information-detail/information-detail.component.html
@@ -79,9 +79,9 @@ <h5>
 		<tr>
 			<td>Project Member Names Visibility</td>
 			<td>
-				<span *ngIf="application?.show_member_names" class="badge bg-light">Visible</span>
+				<span *ngIf="application?.show_member_names" class="badge bg-secondary">Visible</span>
 				<!--			<span *ngIf="!application?.show_member_names" class="badge bg-info">Hidden</span>-->
-				<span *ngIf="!application?.show_member_names" class="badge bg-primary">Hidden</span>
+				<span *ngIf="!application?.show_member_names" class="badge bg-secondary">Hidden</span>
 			</td>
 		</tr>
 

diff --git a/src/scss/_custom-variables.scss b/src/scss/_custom-variables.scss
@@ -6,5 +6,10 @@
 $gray-lighter: #cfd8dc;
 $border-color: $gray-lighter;
 
+
+$primary: #00adef;
 // $navbar-brand-logo-size:            120px auto;
 // $navbar-brand-logo:                 url('../img/denbi_cloud_logo.svg');
+
+$theme-colors: ('primary': $primary);
+$--cui-primary: $primary !important;
diff --git a/src/scss/_custom.scss b/src/scss/_custom.scss
@@ -339,6 +339,14 @@ $kubernetescolor: #326ce5;
     width: 13rem;
 }
 
+.sidebar-nav .nav-item {
+    padding: 0;
+}
+
+.sidebar-nav {
+    padding: 2px 0;
+}
+
 .row>.ng-star-inserted {
     width: unset;
 }
@@ -875,6 +883,14 @@ app-dashboard {
     border-color: #BBC1C7;
 }
 
+.alert-link {
+    color: $deNBI_blue;
+}
+
+.alert-link:hover {
+    color: $deNBI_cyan;
+}
+
 .btn-secondary,
 .btn-info {
     background-color: $deNBI_lightgrey !important;
@@ -1071,6 +1087,8 @@ header {
     color: $deNBI_darkgrey;
 }
 
+
+
 .nav-link:hover,
 .nav-link:hover {
     color: $deNBI_lightgrey;
@@ -1113,8 +1131,14 @@ header {
 }
 
 .sidebar-nav .nav-item:hover,
-.sidebar .nav-item:hover>.nav-link {
-    background-color: $deNBI_lightgrey
+.sidebar .nav-item:hover>.nav-link,
+.sidebar .nav-item:hover>.nav-link .nav-icon {
+    background-color: $deNBI_lightgrey;
+    color: white;
+}
+
+.sidebar .nav-item .nav-link.active .nav-icon {
+    color: white;
 }
 
 .sidebar-nav .nav-group-toggle::after {

diff --git a/src/scss/_variables-dark.scss b/src/scss/_variables-dark.scss
@@ -0,0 +1,2 @@
+// Override Boostrap variables
+