vuetify.js - Vuetify v-navigation-drawer 无法溢出按钮

Question

我有一个 v-navigation-drawer，它的设计必须包括一个切换展开按钮，该按钮会溢出抽屉本身，如下所示:

但由于某种未知的原因，我无法删除溢出隐藏属性。

我尝试像这样删除它:

    .v-navigation-drawer {
      overflow: auto;

      .v-navigation-drawer__content {
        overflow-x: auto;
      }
    }

没有成功:

此处的 codepend 重现了该问题:https://codepen.io/aug-riedinger/pen/poLjJyq

谁能帮忙解决这个问题吗？

谢谢

Answer 1

正如kael所说，对于普通和迷你变体，您需要将溢出属性设置为visible。像这样:

.v-navigation-drawer--mini-variant, .v-navigation-drawer {
  overflow: visible !important;
  
}

.expand-toggle {
  position: absolute;
  height: 3rem;
  z-index: 1;
  right: -14px;
  top: 30px;
  bottom: 0;
  .v-btn {
    margin: auto;
    border: thin solid white !important;
  }
}