feat: Adding boolean to inactive isOverMaxBorder (#1448)

Co-authored-by: Patricio Albizu <[email protected]>

Author: palbizu

projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts

@@ -35,7 +35,11 @@ import {
         </div>
       </div>
       <div class="bar" [ngClass]="this.display">
-        <div #maxValueBar class="max-value-bar" [ngClass]="{ 'over-max-value': this.overMaxValue }">
+        <div
+          #maxValueBar
+          class="max-value-bar"
+          [ngClass]="{ 'over-max-value': this.overMaxValue && this.isOverMaxBorderActive }"
+        >
           <div class="segment-bars">
             <div
               #segmentBars
@@ -85,6 +89,9 @@ export class BarGaugeComponent implements OnChanges, AfterViewInit {
   @Input()
   public segments?: Segment[] = [];
 
+  @Input()
+  public isOverMaxBorderActive: boolean = true;
+
   @Input()
   public display: BarGaugeStyle = BarGaugeStyle.Regular;