Merge pull request #252 from usnistgov/fix/datacart-number

Changed the shape of the badge at top right corner from square to circle
usnistgov · May 30, 2022 · 31ba186 · 31ba186
2 parents b197d9f + 8ae5d72
commit 31ba186
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/angular/src/app/frame/headbar.component.css b/angular/src/app/frame/headbar.component.css
@@ -61,3 +61,11 @@ a:link, a:hover, a:visited{
   background-color: transparent;
   text-decoration: none;
 }
+
+.badge-style {
+    background-color: var(--nist-green-default);
+    color: white;
+    border-radius: 100%;
+    padding: 2px 2px 2px 2px;
+    font-size: small;
+}
diff --git a/angular/src/app/frame/headbar.component.html b/angular/src/app/frame/headbar.component.html
@@ -25,7 +25,7 @@
           <a href="{{globalCartUrl}}" target="_blank" [ngStyle]="{'color':getMenuColor('Cart')}"
             [ngClass]="{'disabled':editEnabled,'enabled':!editEnabled}"><b>Cart</b><i
               class="faa faa-shopping-cart faa-1x" [ngStyle]="{'color':getMenuColor('Cart')}"></i><span
-              class="w3-badge badge-pill badge-notify">&nbsp;{{cartLength}}&nbsp;</span></a>
+              class="w3-badge badge-pill badge-notify badge-style">&nbsp;{{cartLength}}&nbsp;</span></a>
           <span *ngIf="editEnabled && editstatsvc.userID">
             | <i class="faa faa-user-circle faa-1x icon-white" style="color: white; cursor: pointer;"
               data-toggle="tooltip" title="{{editstatsvc.userID}}" (click)="showUserId()"></i>