fix: fixed dbx-two-column-right styling

- fixed issue where "block" was being used as the default display type, causing content to not be centered vertically by default
dereekb · Aug 23, 2022 · 501dc7e · 501dc7e
1 parent 5ce3a5f
commit 501dc7e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/dbx-web/src/lib/layout/column/two/two.column.right.component.html b/packages/dbx-web/src/lib/layout/column/two/two.column.right.component.html
@@ -1,4 +1,4 @@
-<dbx-two-column-head [block]="true" [full]="true">
+<dbx-two-column-head [block]="block" [full]="true">
   <!-- Back Buttons -->
   <ng-container *ngIf="showBack$ | async">
     <button mat-icon-button class="back-button" (click)="backClicked()" aria-label="back button">

diff --git a/packages/dbx-web/src/lib/layout/column/two/two.column.right.component.ts b/packages/dbx-web/src/lib/layout/column/two/two.column.right.component.ts
@@ -20,6 +20,9 @@ export class DbxTwoColumnRightComponent implements AfterViewInit, OnDestroy {
   @Input()
   header?: string;
 
+  @Input()
+  block?: boolean;
+
   private _showBack = new BehaviorSubject<boolean>(true);
 
   readonly ref$: Observable<Maybe<ClickableAnchor>> = this.twoColumnsContextStore.backRef$;