fix(interactive-tour): css fix for interactive tour (#708)

infra-geo-ouverte · Sep 8, 2020 · 6fa80f4 · 6fa80f4
1 parent db658d7
commit 6fa80f4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/common/src/lib/interactive-tour/interactive-tour.component.scss b/packages/common/src/lib/interactive-tour/interactive-tour.component.scss
@@ -2,6 +2,10 @@
   padding: 0.5em 0.75em;
 }
 
+.shepherd-title {
+  margin: 0px !important;
+}
+
 .shepherd-progress {
   margin-right: 15px;
   color: hsla(0, 0%, 45%, 1);

diff --git a/packages/common/src/lib/interactive-tour/interactive-tour.service.ts b/packages/common/src/lib/interactive-tour/interactive-tour.service.ts
@@ -145,6 +145,8 @@ export class InteractiveTourService {
         }
 
         if (header) {
+          currentStepElement.querySelector('.shepherd-content').classList.add('mat-typography');
+          currentStepElement.querySelector('.shepherd-text').classList.add('mat-typography');
           const stepsArray = self.steps;
           const progress = document.createElement('span');
           progress.className = 'shepherd-progress';