Is it possible to cut the panel vertically?

[sharonyue]

When I want to reply a thread, a panel comes up horizontally. Is it possible to make it vertically? Since most of the screens are much wider, but not taller.

[pichalite]

@sharonyue yes, it is possible. You will have to modify the composer plugin.

[sharonyue]

Im not familiar with the pluign code, it there an easy way?

[PitaJ]

If you put the following CSS in a userstyle with a plugin like Stylish then the composer will display half and half beside the page content.

@media (min-width: 992px) {
    .composing body {
        width: 50vw;
        padding-bottom: 0 !important;
    }

    .composing .composer, .composing .composer.resizable {
        top: 51px !important;
        left: 50vw;
        overflow: hidden;
        box-shadow: none;
        border-left: 1px solid #eee;
        padding-top: 15px;
    }

    .composing #panel .container {
        width: 100%;
    }

    .composing .composer .resizer {
        display: none;
    }

    .composing .composer .write-preview-container {
        flex-direction: column;
    }

    .composing .composer .preview-container {
        max-width: none;
        margin-top: 15px;
    }
}

[sharonyue]

Thank you PitaJ.

Unfortunately I failed to try your method due to the fact that I can not save my CSS:

https://community.nodebb.org/topic/10447/changes-not-saved-all-the-time/12

And looks no body has this problem. I am considering to totally erase nodebb then re-install someday.

[sharonyue]

@pitaj

Thank you pitaj. That does work. see

[julian]

Looks good @sharonyue !

[sharonyue]

Recently I did some test. The writing panel is way too small, and the preview section cannot be scrolled. Is it easy to handle this?