• Resolved spike210957

    (@spike210957)


    when i try to post an image larger that the maximum dimensions permitted I get a notice box but the text field only appears to be about 3 characters wide which makes it unreadable.

    Is there a fix for this?

    • This topic was modified 6 years, 1 month ago by spike210957.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 16 through 23 (of 23 total)
  • I’ll look at that too. Once my current activity is out of the way, I may change the site to Weaver Xtreme anyway.

    Plugin Author Josie Stauffer

    (@joanne123)

    Actually, a closer look seemed to imply it was the combination of the Nirvana theme and the Squelch plugin. But there could be other combinations that have the same effect. So to be sure, in the next version I’ll set the box-override for the notice box.

    I looked around for the box-sizing setting in css, and it seems to be nearly universally set as border-box. I think this means that a stated dialog box size is inclusive of padding and content. If there is a lot of padding then the content must get squeezed. I am back to wondering if the the issue is that the JQuery dialogs have somewhere acquired a lot of padding.
    But, it’s not all the dialogs in EWZ, because the help boxes, at least, display correctly. The help boxes seem to be coded in a different syntax from the server error messages, but it’s testing the limit of my php/js coding skill.

    Progress. I added EWZ to my personal site, set the upload limit low, and forced the U011 error by loading images with a combined size larger than the limit.
    With Weaver Xtreme theme and plugins Contact Form 7, Enable Media Replace, EWZ, List Category Posts, NextGEN gallery, WeaverXtreme Support, and WP Statistics, the error message U011 comes up the expected size and with the text fitting normally. So we can pass all the items listed.
    I inspected the code for the dialog and there was no rogue css. Mainly css was from the theme (Weaver).
    The site where I have the problem uses Nirvana theme and additional plugins, and I will test that in a few days.

    Further progress. On my affected site, I reduced the post_max_update setting, forced error U011 (server error) and inspected the dialog box css.
    I think the problem is caused by {position:relative;} on the box content. In my case, this was inherited from the Squelch Tabs and Accordions plugin. I disabled that plugin, forced the error again and the box displayed correctly.
    I am not certain but positioning of the box content appeared to be relative to the preceding element, which is the close ‘X’ button in the box title area. That gives the content only a very narrow column before hitting the box edge.
    Disabling the plugin removed position:relative, leaving no definition for position, which in turn caused the content to fill the dialog box normally.

    I have managed to make a workaround for this problem. The narrow message is caused by the text taking on the left position of the ‘X’ button. In my case this comes from css within the Squelch Tabs and Accordions plugin.
    My workaround is to force the ‘X’ button downwards into the text area, which then forces the text to start a new line on the left. I added this css to the area provided by my theme (Nirvana).
    .ui-dialog-titlebar-close {position:static !important; float:right !important; margin -30px !important; }
    This will affect all JQuery dialog boxes.

    Incidentally, this fixes the EntryWizard U011 error message where ideally the ‘X’ button should never be used. It would really be better if the close button was hidden for this message, and the JQuery support documentation gives a way of doing this using a special class which could be added to the dialog <div>.

    Plugin Author Josie Stauffer

    (@joanne123)

    I’m hoping that the addition of a setting for box-sizing of dialogs in 1.3.10 should do the trick. I just set it to what ought to be the default anyway.

    Assigning a specific class to the EWZ dialog boxes (version 1.3.10) has stopped any other plugin from getting a look in to overlay its own css. Looks good, so many thanks.

Viewing 8 replies - 16 through 23 (of 23 total)
  • The topic ‘very narrow notice box’ is closed to new replies.