mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-05-08 15:25:01 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

[#181] change default panel heights based on some user feedback

Browse source
This commit is contained in:
Robin Scholtes 2023-05-01 14:02:18 +12:00
parent 89c1ab12ab
commit 093a3c4b77
2 changed files with 3 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/web/App.mjs
View file

@ -333,13 +333,7 @@ class App {
} }
/** /**
* Set mobile layout. * Set mobile layout
*
* A note: there is some code repetition here ( re setDesktopLayout ),
* but I found some lingering gutters or odd behaviour on window resizing that is
* resolved by always destroying and rebuilding the splitters. Now setDesktopLayout
* and setMobileLayout can be called on window resizing events and the switch
* gets handled smoothly.
*/ */
setMobileLayout() { setMobileLayout() {
if (this.columnSplitter) this.columnSplitter.destroy(); if (this.columnSplitter) this.columnSplitter.destroy();
@ -353,6 +347,7 @@ class App {
}); });
this.ioSplitter = Split(["#input", "#output"], { this.ioSplitter = Split(["#input", "#output"], {
sizes: [40,60],
direction: "vertical", direction: "vertical",
gutterSize: 0, gutterSize: 0,
}); });

2
src/web/stylesheets/layout/_structure.css
View file

@ -10,7 +10,7 @@
--banner-height: 40px; --banner-height: 40px;
--controls-height: 70px; --controls-height: 70px;
--workspace-height: calc( 100vh - var(--banner-height) - var(--controls-height)); --workspace-height: calc( 100vh - var(--banner-height) - var(--controls-height));
--recipe-height: 16vh; --recipe-height: 38vh;
--operations-height: 89px; --operations-height: 89px;
--io-height: calc(100vh - var(--banner-height) - var(--controls-height) - var(--recipe-height) - var(--operations-height)); --io-height: calc(100vh - var(--banner-height) - var(--controls-height) - var(--recipe-height) - var(--operations-height));
} }