Andy/6335 (#2374)

* DS-6335

Identifying GCOV (Geocoded Polarimetric Covariance) as the recommended product in the NISAR Science Filters

* DS-6335 Sci-Prod Recommended Made text more readable in Dark Mode

* npm run lint -- --fix

Author: artisticlight

src/app/components/shared/selectors/product-science-selector/product-science-selector.component.html

@@ -17,15 +17,16 @@
               class="sci-prod-optgroup"
             >
               @for (sciProd of group.sciProd; track sciProd) {
-                <mat-option [value]="sciProd.value">{{
-                    sciProd.viewValue
-                  }}
+                <mat-option [value]="sciProd.value"
+                  >{{ sciProd.viewValue }}
                 </mat-option>
               }
             </mat-optgroup>
           }
         }
-        <span class="sci-prod-recommended">*{{ 'RECOMMENDED_PRODUCT' | translate }}</span>
+        <span class="sci-prod-recommended faint-text"
+          >*{{ 'RECOMMENDED_PRODUCT' | translate }}</span
+        >
       </div>
 
       <div class="sci-prod-filter-flex-item">

src/app/components/shared/selectors/product-science-selector/product-science-selector.component.scss

@@ -1,3 +1,6 @@
+@use "@angular/material" as mat;
+@use "asf-theme-variables" as *;
+
 div.cdk-overlay-pane:has(>.sci-prod-select) {
   min-width: fit-content !important;
   //width: fit-content !important;

src/app/components/shared/selectors/product-science-selector/product-science-selector.component.ts

@@ -51,7 +51,10 @@ export class ProductScienceSelectorComponent implements OnInit, OnDestroy {
       disabled: false,
       sciProd: [
         { value: 'GSLC', viewValue: 'GSLC (Geocoded Single Look Complex)' },
-        { value: 'GCOV', viewValue: '*GCOV (Geocoded Polarimetric Covariance)' },
+        {
+          value: 'GCOV',
+          viewValue: '*GCOV (Geocoded Polarimetric Covariance)',
+        },
         { value: 'GUNW', viewValue: 'GUNW (Geocoded Interferogram)' },
         { value: 'GOFF', viewValue: 'GOFF (Geocoded Pixel Offsets)' },
       ],

src/karma.conf.js

@@ -16,20 +16,20 @@ module.exports = function (config) {
     autoWatch: true,
     browsers: ['ChromeHeadless'],
     customLaunchers: {
-        HeadlessChrome: {
-            base: 'ChromeHeadless',
-            flags: [
-    	      '--no-sandbox',
-	          '--headless',
-            '--disable-setuid-sandbox',
-            '--disable-gpu',
-            '--disable-translate',
-            '--disable-extensions'
-	    ]
-  	}
+      HeadlessChrome: {
+        base: 'ChromeHeadless',
+        flags: [
+          '--no-sandbox',
+          '--headless',
+          '--disable-setuid-sandbox',
+          '--disable-gpu',
+          '--disable-translate',
+          '--disable-extensions',
+        ],
+      },
     },
     singleRun: false,
     browserNoActivityTimeout: 120000,
-    urlRoot: ''
+    urlRoot: '',
   });
 };