Adds the "Beta" badge to the "Knowledge Base" menu item of the settin…

…gs sidebar
Tiledesk · Oct 3, 2023 · e82c488 · e82c488
1 parent 1537f7e
commit e82c488
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/src/app/components/settings-sidebar/settings-sidebar.component.html b/src/app/components/settings-sidebar/settings-sidebar.component.html
@@ -198,14 +198,19 @@
     <!--  Knowledge Bases  -->
     <!-- -------------------------------------------------------- -->
     <ng-container *ngIf="isVisibleKNB && USER_ROLE !== 'agent'">
-      <li [ngClass]="{'active-item': KNOWLEDGE_BASES_ROUTE_IS_ACTIVE}" (click)="goToKnowledgeBases()"
-        matTooltipClass="custom-mat-tooltip-in-settings-sidebar" matTooltip="{{ 'KnowledgeBases' | translate }}"
-        #tooltip="matTooltip" matTooltipPosition='right' matTooltipHideDelay="100" [matTooltipDisabled]="IS_OPEN">
+      <li [ngClass]="{'active-item': KNOWLEDGE_BASES_ROUTE_IS_ACTIVE}" 
+        (click)="goToKnowledgeBases()"
+        matTooltipClass="custom-mat-tooltip-in-settings-sidebar" 
+        matTooltip="{{ 'KnowledgeBases' | translate }}"
+        #tooltip="matTooltip" 
+        matTooltipPosition='right' 
+        matTooltipHideDelay="100" 
+        [matTooltipDisabled]="IS_OPEN">
         <a>
           <i *ngIf="IS_OPEN === true || IS_OPEN === false" class="material-icons settings-sidebar-icons">school</i>
           <p *ngIf="IS_OPEN === true" class="custom_paragraph">
             {{ 'KnowledgeBases' | translate }}
-            <!-- Knowledge Bases -->
+            <span class="trigger-beta-badge">Beta</span>
           </p>
         </a>
       </li>

diff --git a/src/app/components/settings-sidebar/settings-sidebar.component.scss b/src/app/components/settings-sidebar/settings-sidebar.component.scss
@@ -116,6 +116,7 @@ li > a {
     color: #fff;
     position: relative;
     top: -1px;
+    margin-left: 2px;
     // text-transform: uppercase;
 }