Added toggle button to report menu.

This commit is contained in:
Mike Cao 2024-06-15 02:28:52 -07:00
parent 21ff3d1280
commit d765f5f1a0
3 changed files with 49 additions and 5 deletions

View file

@ -1,7 +1,38 @@
.menu {
position: relative;
width: 300px;
padding-inline-end: 20px;
border-inline-end: 1px solid var(--base300);
grid-row: 2 / 3;
grid-column: 1 / 2;
}
.button {
display: flex;
place-content: center;
border: 1px solid var(--base400);
border-right: 0;
width: 30px;
padding: 5px;
right: 0;
position: absolute;
cursor: pointer;
z-index: 1;
border-radius: 4px 0 0 4px;
}
.button:hover {
background: var(--base75);
}
.menu.collapsed {
width: 0;
padding: 0;
}
.menu.collapsed .button {
left: 1px;
border-left: 0;
border-right: 1px solid var(--base300);
border-radius: 0 4px 4px 0;
}