Skip to content

Instantly share code, notes, and snippets.

@GitMurf
Last active January 18, 2022 23:38
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save GitMurf/a752faea05dcb4df1eb686245e253b8b to your computer and use it in GitHub Desktop.
Save GitMurf/a752faea05dcb4df1eb686245e253b8b to your computer and use it in GitHub Desktop.
:root {
/* Vertical Masonry */
--leaf-height: 480px;
--scroll-width: 20px;
/* Horizontal Masonry */
/* Split Screen: 930px ... Thirds: 570px or 600px (main ext monitor) */
--leaf-width: 600px;
--leaf-height-child: 700px;
}
div.workspace-split.mod-root > div.workspace-split.mod-vertical {
overflow: auto;
}
div.workspace-split.mod-root div.workspace-split.mod-vertical > div.workspace-leaf {
min-width: var(--leaf-width);
}
/* Splitting sidebar individual pane horizontally */
div.workspace-split.mod-root div.workspace-split.mod-vertical > div.workspace-split.mod-horizontal {
min-width: calc(var(--leaf-width) + 5px);
height: calc(100% - 1px);
overflow: auto;
}
div.workspace-split.mod-root div.workspace-split.mod-vertical > div.workspace-split.mod-horizontal::-webkit-scrollbar {
width: var(--scroll-width);
}
div.workspace-split.mod-root div.workspace-split.mod-vertical > div.workspace-split.mod-horizontal > hr.workspace-leaf-resize-handle {
height: calc(100% - 1px);
}
div.workspace-split.mod-root div.workspace-split.mod-vertical > div.workspace-split.mod-horizontal > div.workspace-leaf {
min-height: var(--leaf-height-child);
}
/* Splitting to scroll main window horizontally */
div.workspace-split.mod-root > div.workspace-split.mod-horizontal {
overflow: auto;
}
div.workspace-split.mod-root > div.workspace-split.mod-horizontal::-webkit-scrollbar {
width: var(--scroll-width);
}
div.workspace-split.mod-root > div.workspace-split.mod-horizontal > hr.workspace-leaf-resize-handle {
height: calc(100% - 1px);
}
div.workspace-split.mod-root > div.workspace-split.mod-horizontal > div.workspace-leaf {
min-height: var(--leaf-height);
}
/* Horizontal Direction */
div.workspace-split.mod-root > div.workspace-split.mod-horizontal > div.workspace-split.mod-vertical {
overflow: auto;
}
/* Masonry within Masonry (inception) */
div.workspace-split.mod-root > div.workspace-split.mod-vertical > div.workspace-split.mod-vertical {
overflow: auto;
min-width: var(--leaf-width);
border: 2px solid;
border-color: var(--interactive-accent);
}
div.workspace-split.mod-root > div.workspace-split.mod-vertical > div.workspace-split.mod-vertical > hr.workspace-leaf-resize-handle {
display: none;
}
@The-Eighth-Man
Copy link

Gitmuf, I want to thank you for this snippet, it fits perfectly my work set up and has improved my workflow. I have a question, do you know how to change the leaf size manually by grabbing the handle? It always resizes to the same position, this doesn't happen with the main window, I tried to modify the CSS but I was unsuccessful.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment