Наложение вертикальной боковой панели поверх содержимого

Question

Как можно наложить вертикальную боковую панель при развертывании, а не перемещать содержимое вправо?

https://stackblitz.com/edit/clarity-sgfqmc

Answer 1

Использование fixed Положение:

.clr-vertical-nav {
   position: fixed;
   height: 100%;
}

Вам также нужно будет использовать margin в своем контенте, чтобы он не был частично закрыт при закрытии меню.

.content-area {
   margin-left: 2rem;
}

Answer 2

Вы можете попробовать переписать макет с помощью некоторого пользовательского CSS:

clr-vertical-nav {
  position: absolute;
  left: 0;
  top: 60px;
  bottom: 0;
  overflow: auto;
  overflow-x: hidden;
}
.content-area {
  margin-left: 48px;
}