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] adjust #controls panel template and css so it will automatically scale based on #controls height, which makes adjustWidth() redundant. Controls is now 50px height on mobile ( 70 was just a lot of wasted space that can be better spend )

Browse source
This commit is contained in:
Robin Scholtes 2023-05-10 15:27:43 +12:00
parent 222bb624ae
commit 0868d97cee
7 changed files with 53 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,6 +10,10 @@
#operations { height: var(--operations-height); }
#controls { height: var(--controls-height); }
@media only screen and ( min-width: 768px ) {
#controls { height: var(--desktop-controls-height); }
}
#banner,
#content-wrapper {
position: absolute;
@ -47,11 +51,11 @@
@media only screen and ( min-width: 768px ) {
#recipe {
padding-bottom: var(--controls-height);
padding-bottom: var(--desktop-controls-height);
}
#recipe .list-area {
bottom: var(--controls-height);
bottom: var(--desktop-controls-height);
}
#workspace-wrapper {