Which kernel variable is responsible for the size...

Pirat

Which kernel variable is responsible for the size of the screen height on a mobile device?
I have this code

                     value: function content() {
                        return [m('div', { className: 'Modal-body' }, [m('div', {
                            className: 'Map-field',
                            style: { 'width': '100%', 'height': '400px' },
                            config: this.loadMap.bind(this)
                        })])];
                    }

This is a Google Map, now it says 400px
I need to specify a variable that itself will indicate the required values from the engine core.

style: { 'width': '100%', 'height': '400px' },

Most likely a question for developers.

clarkwinkelmann

Pirat you mean set the value from the back-end ? Or just a way to store the height in a front-end variable ?

What's the purpose ? To make that value an extension setting ? If so, we have plenty of extensions to serve as an example. I'm not able to link one right now but it's about adding a value to the Forum serializer, then accessing this forum attribute from the front-end.

Pirat

clarkwinkelmann Yes, I saw that the kernel determines the size at the time of creating the post, I would like to extend this part of the function.

clarkwinkelmann

Pirat I notice you use the term "kernel" a lot, but except for the HTTP Kernel class used in Flarum it's not an official naming for anything. "core" refers to the main Flarum codebase while "core extensions" are official extensions published by Flarum and bundled with core when you install. Is "core" what you mean by "kernel" ?

Also nothing is called "engine". Maybe you are referring to the "frontend"/"single page app" or the "backend" ?

There's no Google Maps code in core or any core extension to my knowledge, so I assume you wrote this code ? Then I don't understand what you mean by "the kernel determines the size at the time of creating the post". It's Mithril template. It will be rendered as HTML/CSS. So you are the one determining the size 🤔

If you want to pass a value from backend to frontend, look into adding the data to the forum serializer like nearly all extensions do. For example in Mason you can see how the various layout options settings are injected as forum attributes and read in the front-end by accessing the app.forum object.

Hope this helps 😉

Pirat

clarkwinkelmann I'm stupid, better give me the ready code right away 😀

How do I replace this line?
style: { 'width': '100%', 'height': '400px' },

Pirat

clarkwinkelmann
I solved the problem in this way.
style: { 'width': '100%', 'height': '100vh' },
It turned out all just