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] a few cosmetic touch ups, todo update

Browse source
This commit is contained in:
Robin Scholtes 2023-04-21 00:15:31 +12:00
parent f1008cff56
commit d0e8863555
8 changed files with 36 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -6,20 +6,15 @@
* @license Apache-2.0
*/
/* Together, they make up 100vh */
:root {
--banner-height: 40px;
--controls-height: 70px;
--workspace-height: calc( 100vh - calc( var(--banner-height) + var(--controls-height)));;
--recipe-height: 20vh;
--operations-height: 88px;
--workspace-height: calc( 100vh - var(--banner-height) - var(--controls-height));
--recipe-height: 16vh;
--operations-height: 89px;
--io-height: calc(100vh - var(--banner-height) - var(--controls-height) - var(--recipe-height) - var(--operations-height));
}
body {
overflow: hidden;
}
#banner,
#content-wrapper {
position: absolute;
@ -46,7 +41,23 @@ body {
bottom: 0;
}
#IO {
padding-bottom: var(--controls-height);
}
@media only screen and ( min-width: 768px ) {
#IO {
padding-bottom: 0;
}
#recipe {
padding-bottom: var(--controls-height);
}
#recipe .list-area {
bottom: var(--controls-height);
}
#workspace-wrapper {
height: calc( 100vh - var(--banner-height));
}