Now that the extension(mason) has become incompatible and faces certain responsive issues (as discussed in this PR), here's a workaround through which I overcome those.
Issue: I needed two custom(mandatory) fields along with every discussion threads. After installing this extension, I inserted those two required fields from Admin Dashboard. The problem was the alignment and responsiveness of 'Composer Box'(box used to start the discussion) on both desktop and mobile view. It misaligned those custom fields along with everything that comes after title. Mainly:
- On desktop, default height of the Composer box is somewhat low and so everyone will have to resize it for the first time.
- On mobiles (much more serious issue), you can't find anything after second custom field, i.e content area and other formatting options on the composer.
Solution: Since the available PR was made 2+ years back, it was around 20 commits behind the current master branch. So the only way-out was to mess with core css and js. Here's what I did:
For adjusting the composer height on desktop, I inserted this JS in 'Custom Header' on Admin> Appearance page:
<script>if (!localStorage.getItem("composerHeight")) { localStorage.setItem("composerHeight", 317);
}</script>
Here, I fixed the height at 317 pixels because I need only 2 fields that are aligned in parallel. (you may change it accordinly)
Note: I'm targeting a crowd with less users on tablets. So if you want tablet compatibility, you may have to add some additional JS for adjusting the height in case of tablet users.
Also, don't forget to clear your localstorage memory in browser before testing the change.
For adjusting the alignment issues in mobile view, I tried changing some core CSS. We need to edit a minified css file located @ yourdomain.com/assets/forum-somerandomnumber.css. Go to 13th line and search for :
.Composer:not(.minimized)
. Now in its declaration box, change height:350px !important;
to height:auto !important;
. This solves the issue by displaying every elements of composer without considering other stylings.
Hope this will help you to have a temporary workaround on these existing responsive issues. I don't endorse this method and so do it on your own risk. Let's wait for an update from someone, in which all these are properly addressed.