akanealw/misode.github.io
1
0
Fork 0
mirror of https://github.com/misode/misode.github.io.git synced 2026-04-23 15:17:09 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Make project panel resizable

Browse Source
This commit is contained in:
Misode
2024-11-20 20:28:54 +01:00
parent 22e787bf4e
commit 56b2e1a382
3 changed files with 56 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/styles/global.css
View File

@@ -330,6 +330,7 @@ main > .controls {
.project-controls {
margin: 8px;
margin-right: 0;
display: flex;
z-index: 2;
}
@@ -520,10 +521,8 @@ canvas.preview-details.visible {
.popup-project {
position: fixed;
display: flex;
flex-direction: column;
flex-direction: row;
height: calc(100% - 56px);
width: 200px;
width: max(200px, 20vw);
right: 100%;
bottom: 0;
z-index: 3;
@@ -538,8 +537,20 @@ canvas.preview-details.visible {
}
main.has-project {
padding-left: 200px;
padding-left: max(200px, 20vw);
padding-left: var(--project-panel-width, 200px);
}
.popup-project .panel-content {
display: flex;
flex-direction: column;
width: calc(100% - 8px);
}
.panel-resize {
width: 8px;
height: 100%;
cursor: ew-resize;
user-select: none;
}
.preview-overlay {