在垫子抽屉和抽屉内容之间放置一个按钮

时间:2019-12-10 11:47:57

标签: javascript angular angular-material

我正在尝试使用倾斜材质的抽屉侧面导航,但在将按钮放置在抽屉和内容之间时遇到一些问题。 如果将按钮放在内容容器上,则抽屉容器将其盖住,反之亦然,并且需要将按钮放置在其中一个(抽屉/抽屉内容)上。 有任何想法吗?

enter image description here

    <mat-drawer-container class="example-container">
        <mat-drawer #drawer class="example-sidenav" mode="side">
            <!-- <div class="sidebar-navigation-btn" [ngClass]="isSideBarOpen?'is-open':'is-close'"> -->
            <div>
                <button mat-mini-fab (click)="toggleSidebar()">
                    <i class="material-icons arrow-slider">
                        keyboard_arrow_left
                    </i>
                </button>
            </div> c
        </mat-drawer>

        <mat-drawer-content>
   <button mat-mini-fab (click)="toggleSidebar()">
                    <i class="material-icons arrow-slider">
                        keyboard_arrow_left
                    </i>
                </button>
      </mat-drawer-content>
    </mat-drawer-container>

0 个答案:

没有答案