thallada/modmapper-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix sidebar close button to top of panel

Browse Source
This commit is contained in:
Tyler Hallada 2022-01-23 19:49:28 -05:00
parent 7b5cc02993
commit bb8a640d08
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
styles/Sidebar.module.css
View File

@ -8,6 +8,7 @@
overflow-x: hidden; overflow-x: hidden;
width: 300px; width: 300px;
padding: 12px; padding: 12px;
padding-top: 0px;
border-right: 1px solid #222222; border-right: 1px solid #222222;
font-size: 0.875rem; font-size: 0.875rem;
} }
@ -23,9 +24,9 @@
} }
.close { .close {
position: absolute; position: fixed;
top: 4px; top: 8px;
right: 8px; left: 232px;
font-size: 24px; font-size: 24px;
margin-left: 12px; margin-left: 12px;
border: none; border: none;
@ -33,6 +34,14 @@
cursor: pointer; cursor: pointer;
} }
@media only screen and (max-width: 600px) {
.close {
top: calc(55% + 8px);
left: initial;
right: 12px;
}
}
.close:hover { .close:hover {
color: #888888; color: #888888;
} }