diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.css b/projects/editor/src/app/components/unit-view/unit-view.component.css index 71355c301123d1964a97b1a0afb65aadaf0f6e5d..4e653e0b5a712850a42436a3cae9c32dcefb9e34 100644 --- a/projects/editor/src/app/components/unit-view/unit-view.component.css +++ b/projects/editor/src/app/components/unit-view/unit-view.component.css @@ -53,8 +53,7 @@ display: inherit; } -/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ -::ng-deep .mat-drawer-content .mat-tab-body-wrapper { +::ng-deep .mat-drawer-content .mat-mdc-tab-body-wrapper { height: 100%; } @@ -62,7 +61,6 @@ padding: 0 16px; } -/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ mat-checkbox.menuItem { padding: 0 16px 10px 16px; } @@ -71,15 +69,14 @@ mat-divider { margin-bottom: 10px; } -/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version. */ -::ng-deep .mat-tab-label:hover .menu-button { + +::ng-deep .mdc-tab:hover .menu-button { visibility: visible; } .menu-button { position: absolute; - left: 130px; - bottom: 6px; + left: 80%; visibility: hidden; } diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.html b/projects/editor/src/app/components/unit-view/unit-view.component.html index c100c53c60a95961fb412123980ab8eaf353f28d..8f40b832f908f69bf98bbc15cb376cae413c0992 100644 --- a/projects/editor/src/app/components/unit-view/unit-view.component.html +++ b/projects/editor/src/app/components/unit-view/unit-view.component.html @@ -13,7 +13,7 @@ <mat-drawer-content> <mat-tab-group *ngIf="pagesLoaded" - [style.height.%]="100" mat-align-tabs="start" + [style.height.%]="100" mat-align-tabs="start" mat-stretch-tabs="false" [selectedIndex]="selectedPageIndex" (selectedIndexChange)="selectPage($event)"> <mat-tab *ngFor="let page of unitService.unit.pages; let i = index">