demo(tooltip): fix custom css for tooltip arrow (#4311)

fix #4310
ng-bootstrap · Apr 28, 2022 · cae915a · cae915a
1 parent 73328fa
commit cae915a
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/demo/src/app/components/tooltip/demos/customclass/tooltip-customclass.ts b/demo/src/app/components/tooltip/demos/customclass/tooltip-customclass.ts
@@ -9,9 +9,18 @@ import {Component, ViewEncapsulation} from '@angular/core';
       background-color: darkgreen;
       font-size: 125%;
     }
-    .my-custom-class .arrow::before {
+    .my-custom-class.bs-tooltip-end .tooltip-arrow::before {
+      border-right-color: darkgreen;
+    }
+    .my-custom-class.bs-tooltip-start .tooltip-arrow::before {
+      border-left-color: darkgreen;
+    }
+    .my-custom-class.bs-tooltip-top .tooltip-arrow::before {
       border-top-color: darkgreen;
     }
+    .my-custom-class.bs-tooltip-bottom .tooltip-arrow::before {
+      border-bottom-color: darkgreen;
+    }
   `]
 })
 export class NgbdTooltipCustomclass {