[#181] returns banner height to original 30 pixels

This commit is contained in:
Robin Scholtes 2024-02-03 18:00:22 +13:00
parent b51a298182
commit cf59bd3db5
2 changed files with 5 additions and 5 deletions

View file

@ -842,14 +842,14 @@ class App {
/** /**
* Due to variable available heights on mobile devices ( due to the * Due to variable available heights on mobile devices ( due to the
* address bar etc. ), we need to calculate the available space and * address bar etc. ), we need to calculate the available space and
* set some heights programmatically based on the full view height, * set some heights programmatically based on the full viewport
* minus fixed height elements. * minus fixed-height elements.
* *
* Be mindful to update these fixed numbers accordingly in the stylesheets * Be mindful to update these fixed numbers accordingly in the stylesheets
* ( themes/_structure ) if you make changes to those elements' height. * ( themes/_structure ) if you make changes to those elements' height.
*/ */
assignAvailableHeight() { assignAvailableHeight() {
const bannerHeight = 40; const bannerHeight = 30;
const controlsHeight = 50; const controlsHeight = 50;
const operationsHeight = 80; const operationsHeight = 80;

View file

@ -1,6 +1,6 @@
:root { :root {
/* Fixed heights */ /* Fixed heights */
--banner-height: 40px; --banner-height: 30px;
/* Mobile height */ /* Mobile height */
--title-height: 40px; --title-height: 40px;
@ -16,7 +16,7 @@
* A note: * A note:
* *
* Heights of #recipe, #input and #output are set programmatically * Heights of #recipe, #input and #output are set programmatically
* in App.js * in App.js assignAvailableHeight();
*/ */