fix(docs): live example height on theme change

akveo · Jun 20, 2018 · 57aae1a · 57aae1a
1 parent 09d71c9
commit 57aae1a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/docs/app/blocks/components/methods-block/methods-block.component.ts b/docs/app/blocks/components/methods-block/methods-block.component.ts
@@ -18,8 +18,8 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
  </tr>
  </thead>
  <tbody>
- <tr *ngFor="let method of methods">
- <ng-container *ngIf="method.shortDescription || method.description">
+ <ng-container *ngFor="let method of methods">
+ <tr *ngIf="method.shortDescription || method.description">
  <td>{{ method.name }}() <br><i *ngIf="method.isStatic">static method</i></td>
  <td>
  <div class="method-signature">
@@ -36,8 +36,8 @@ import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
  {{ method.shortDescription }} <br> {{ method.description }}
  </div>
  </td>
- </ng-container>
- </tr>
+ </tr>
+ </ng-container>
  </tbody>
  </table>
  `,

diff --git a/docs/app/documentation/page/page.component.scss b/docs/app/documentation/page/page.component.scss
@@ -103,15 +103,18 @@
  }
 
  tr {
- border-bottom: 1px solid $table-border;
+ border-bottom: $table-border;
 
  &:last-child {
  border: none;
  }
+ p {
+ margin-bottom: 0;
+ }
  }
 
  td {
- padding: 0.5rem;
+ padding: 1rem 0.5rem;
 
  &:first-child {
  font-weight: 500;

diff --git a/docs/app/example/example.component.ts b/docs/app/example/example.component.ts
@@ -44,6 +44,7 @@ export class NgdExampleComponent implements OnInit, AfterViewInit, OnDestroy {
 
  private changeTheme(payload) {
  this.themeService.changeTheme(payload.theme);
+ this.sendHeight(); // theme change may cause change of height
  }
 
  private getId(): string {