将聚合物芯抽屉面板抽屉面板定位在右侧

lar*_*hii 4 web-component polymer

我很困惑如何在使用聚合物核心抽屉面板时将抽屉面板放在页面的右侧而不是左侧.

如此处所述,这应该是可能的.

<core-drawer-panel>

一种响应式容器,它结合了用于导航或其他选项的左侧或右侧抽屉面板和主要内容区域.

core-drawer-panel 的文档显示没有position属性或类似的东西.

我想要制作的是类似下面的图形,其中绘图面板位于右侧.例:

<core-drawer-panel id="drawerPanel">
    <div main>
      ...
    </div>
    <div drawer> <!-- I want to be on the right side -->
      ...
    </div>
</core-drawer-panel>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

Sco*_*les 5

试试这个:

<core-drawer-panel class="right-drawer"></core-drawer-panel>

这需要记录下来,你介意在这里提出问题:https://github.com/Polymer/core-drawer-panel?