How to full screen the editor on mobile?

html5syt

I use Freeflarum to host my community. There are my all extensions I enable:

And it's my editor:

The innput is too small,and the toolbar can't show completely.
If I can change them by changing the CSS?And how to change it? Thank you 🙂

html5syt

I find the:
Composer Page-1.1.1-Dedicated discussion composer page for Flarum
extensions,and now it can full screen display,but the tool bar still can't display completely,is possible that it can swipe like this forum's tool bar?

Litalino

@media @phone {
    .TextEditor .TextEditor-editor {
        min-height: 250px !important;
    }
}

html5syt

Litalino it's good！but why the edit toolbar can't swipe?I want the same edit toolbar like this forum↓

Litalino

html5syt

@media @phone {
    .TextEditor .TextEditor-editor {
        min-height: 250px !important;
    }
    .TextEditor-controls {
        overflow-x: scroll !important;
    }
}

@media @phone {
    .TextEditor {

        .TextEditor-editor {
            min-height: 250px !important;
        }
        .TextEditor-controls {
            overflow-x: scroll !important;
        }
    }
}

html5syt

Litalino It's work! Thank you!

clarkwinkelmann

This extension might interest you if you have a lot of additional content in the discussion composer https://discuss.flarum.org/d/31564-composer-page