refactor: update sidebar motion

pull/799/head
charlie 2020-12-08 15:24:59 +08:00
parent 32de8f2e2b
commit 5282fe5c9d
1 changed files with 5 additions and 7 deletions

View File

@ -71,11 +71,12 @@
position: fixed; position: fixed;
top: 3rem; top: 3rem;
right: 0; right: 0;
width: 40%; width: 0;
opacity: 0.5;
height: calc(100vh - 3rem); height: calc(100vh - 3rem);
overflow: auto; overflow: hidden;
display: none;
z-index: 9; z-index: 9;
transition: width 0.3s, opacity 0.2s;
box-sizing: border-box; box-sizing: border-box;
background-color: var(--ls-secondary-background-color, #d8e1e8); background-color: var(--ls-secondary-background-color, #d8e1e8);
@ -104,11 +105,8 @@
&.is-open { &.is-open {
display: block; display: block;
} width: 40%;
&.enter {
opacity: 1; opacity: 1;
right: 0;
} }
.page { .page {