From e51c5ad54a915644e5ed30ebd8257ec25908b3a1 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Tue, 23 May 2023 14:55:02 +0200
Subject: [PATCH] [editor] Fix page tabs layout in UnitViewComponent
---
.../app/components/unit-view/unit-view.component.css | 11 ++++-------
.../app/components/unit-view/unit-view.component.html | 2 +-
2 files changed, 5 insertions(+), 8 deletions(-)
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 71355c301..4e653e0b5 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 c100c53c6..8f40b832f 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">
--
GitLab