Show license type in the default grey color in the item view box

dataquest-dev · Jan 23, 2024 · c2bba47 · c2bba47
1 parent d803760
commit c2bba47
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/app/shared/clarin-item-box-view/clarin-item-box-view.component.html b/src/app/shared/clarin-item-box-view/clarin-item-box-view.component.html
@@ -30,7 +30,7 @@
       </div>
       <div [ngClass]="{'row': true, 'justify-content-end': true, 'pt-3': (itemCountOfFiles | async) === -1}">
         <div *ngIf="licenseType != null"
-             [ngClass]="'d-inline py-1 px-1 label label-license' + ' label-' + licenseLabel + ' rounded text-white'">
+             [ngClass]="'d-inline py-1 px-1 label label-license  label-default' + ' label-' + licenseLabel + ' rounded text-white'">
           <span>
             {{licenseType }}
           </span>

diff --git a/src/app/shared/clarin-item-box-view/clarin-item-box-view.component.ts b/src/app/shared/clarin-item-box-view/clarin-item-box-view.component.ts
@@ -185,6 +185,9 @@ export class ClarinItemBoxViewComponent implements OnInit {
       case LicenseType.academic:
         this.licenseType = 'Academic Use';
         break;
+      default:
+        this.licenseType = this.licenseLabel;
+        break;
     }
 
     // load license label icons

diff --git a/src/styles/_clarin-styles.scss b/src/styles/_clarin-styles.scss
@@ -2,6 +2,11 @@
   border-radius: 0.25em 0 0 0.25em;
 }
 
+.label-default {
+  color: grey !important;
+  background-color: whitesmoke;
+}
+
 .label-PUB {
   background-color: #dff0d8 !important;
   color: #5cb811 !important;;