muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-28 14:16:41 +07:00
Code Packages Activity Actions

made tags panel

Browse source
This commit is contained in:
Fedor Katurov 2020-10-31 15:06:08 +07:00
parent f2289f4530
commit c4f60f3d81
31 changed files with 552 additions and 75 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/containers/sidebars/SidebarWrapper/styles.module.scss
View file

@ -1,3 +1,12 @@
@keyframes appear {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes slideIn {
100% { transform: translate(0, 0); }
}
.wrapper {
position: fixed;
top: 0;
@ -9,6 +18,8 @@
flex-direction: row;
z-index: 20;
justify-content: flex-end;
overflow: hidden;
animation: appear 0.25s forwards;
@include can_backdrop {
background: transparentize($content_bg, 0.15);
@ -18,9 +29,27 @@
}
.content {
flex: 0 0 33vw;
flex: 0 1 33vw;
width: 33vw;
min-width: 480px;
max-width: 100vw;
height: 100%;
overflow: auto;
background: $content_bg;
display: flex;
align-items: center;
justify-content: flex-end;
animation: slideIn 0.5s 0.1s forwards;
transform: translate(100%, 0);
position: relative;
z-index: 2;
}
.clicker {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
}