ESOUI

ESOUI (https://www.esoui.com/forums/index.php)
-   Site help, bugs, suggestions/questions (https://www.esoui.com/forums/forumdisplay.php?f=18)
-   -   Allow resizing Create Post box (https://www.esoui.com/forums/showthread.php?t=9147)

Dolgubon 05/16/20 10:59 PM

Allow resizing Create Post box
 
Would it be possible to add the ability to resize the box for making threads/posting comments etc.? If I'm writing a long post, comment/thread it can be annoying to have it only a third of the window and be unable to see most of what I'm writing

sirinsidiator 05/17/20 01:39 AM

Which browser do you use? For me it is already resizeable, but that may just be a feature of Firefox.

Baertram 05/17/20 05:22 AM

Chrome and the new MS edge (uses Chromium engine) also support this.
At the bottom right is a resize edge, left to the smileys.
Even works in the quick editor. Looks like all editboxes can be resized manually.

Just tested it on an Android: works as well with Chrome at least.

Scootworks 05/17/20 05:54 AM

are you using this editor?

Dolgubon 05/17/20 08:33 AM

Yeah, I'm using that editor. I guess that one doesn't have the resize handle? BC I do know where the resize normally would be but have not seen it


Quote:

Originally Posted by Scootworks (Post 41151)
are you using this editor?


Dolgubon 05/17/20 11:21 AM

Ok so after experimenting a bit, if you click this button https://imgur.com/a/uqSIZp6 it toggles showing the resize handle. When you have it as WYSIWG then there's no resize handle, but when you switch editor mode it shows up.

No handle:
https://imgur.com/a/nCVnFwI
With handle:
https://imgur.com/a/tKMrJts
Resizing while the handle is visible then swapping back, the editor box will stay the same size.

sirinsidiator 05/17/20 11:38 AM

Looks like the enhanced editor uses an iframe. Changing the css to the following allows to resize the table cell it is inside, which has the nice side effect that the text area automatically shares the same size when you toggle the editor mode.


Code:

/* Element | https://www.esoui.com/forums/newreply.php?do=newreply&noquote=1&p=41148 */

#vB_Editor_001_iframe {
  /* width: 740px; */
  /* height: 250px; */
  width: 100%;
  height: 100%;
}

/* Element | https://www.esoui.com/forums/newreply.php?do=newreply&noquote=1&p=41148 */

td.controlbar:nth-child(1) {
  display: block;
  resize: both;
  overflow: auto;
  padding: 4px;
}

/* Element | https://www.esoui.com/forums/newreply.php?do=newreply&noquote=1&p=41148 */

#vB_Editor_001_textarea {
  resize: none;
}


sirinsidiator 05/30/20 11:36 AM

I've added the following css rules to the esoui+ stylesheet:
Code:

td.vBulletin_editor .controlbar textarea,
td.vBulletin_editor .controlbar iframe {
    width: 100% !important;
    height: 100% !important;
}

td.vBulletin_editor .controlbar textarea {
    resize: none;
}

td.vBulletin_editor .controlbar iframe[style$=" 0px;"] {
    width: 0px !important;
    height: 0px !important;
}

td.vBulletin_editor td.controlbar:nth-child(1),
td.vBulletin_editor > div.controlbar:not([id]) > div:first-child {
    min-width: 300px;
    min-height: 150px;
    height: 250px;
    display: block;
    resize: both;
    overflow: hidden;
    padding: 4px;
}

td.vBulletin_editor td.controlbar:nth-child(1) {
    width: 1000px;
}



All times are GMT -6. The time now is 04:44 PM.

vBulletin © 2024, Jelsoft Enterprises Ltd
© 2014 - 2022 MMOUI