contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Merge pull request #159 from chrneumann/fix/layout-for-mobile

Browse source 
Fix message box layout for Firefox.
This commit is contained in:
Pieter Vander Vennet 2020-11-20 14:09:27 +01:00 • committed by GitHub
commit 72a8847ac6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
UI/FullScreenMessageBoxHandler.ts
View file

@ -45,10 +45,13 @@ export class FullScreenMessageBox extends UIElement {
return ""; return "";
} }
this._content = State.state.fullScreenMessage.data; this._content = State.state.fullScreenMessage.data;
const uielement = new Combine([this._content]).SetStyle( const innerWrap = new Combine([this._content]).SetStyle(
"display:block;" + "display: block;" +
"padding: 1em;" + "padding: 1em;" +
"padding-bottom:6em;" + "padding-bottom: 6em; "
);
const uielement = new Combine([innerWrap]).SetStyle(
"display:block;" +
`margin-bottom: var(--return-to-the-map-height);` + `margin-bottom: var(--return-to-the-map-height);` +
"box-sizing:border-box;" + "box-sizing:border-box;" +
`height:calc(100vh - var(--return-to-the-map-height));` + `height:calc(100vh - var(--return-to-the-map-height));` +