Issue: [4.1.2] Create/edit page editor is incorrectly offset towards the right

Issue Tools
- View Changes

July 5, 2021 6:51 AM
ACL

Regular Member
[4.1.2] Create/edit page editor is incorrectly offset towards the right

Under XenForo 2.2.x on create/edit wiki pages, the dl element containing the froala editor (incorrectly?) has the class "formRowSep", which causes the whole editor to shift to the right and the upper horizontal separator (border top) to overflow outside of the block container.

This visual quirk is resolved by removing the formRowSep class, i.e.

Code:

<dl class="formRow vw-switch-editor formRow--fullWidth" ...

I can provide a screenshot if requested, but you should be able to see what I've described on the VW XF demo: https://www.vaultwiki.org/xf-wiki/in...e&itemtypeid=1

Issue Details

Issue Number 6225

Issue Type Bug

Project VaultWiki 4.x Series

Category Styling / CSS

Status Fixed

Priority 5 - Minor Bugs / Small Tweaks

Affected Version 4.1.2

Fixed Version (none)

Milestone (none)

Software DependencyXenForo 2.x

License TypePaid

Users able to reproduce bug 0

Users unable to reproduce bug 0

Attachments 0

Assigned Users (none)

Tags (none)

July 8, 2021 2:09 AM
pegasus

VaultWiki Team
The formRowSep class is needed for when there are other fields above the editor. In this case, the border provided by the class is desirable. A better tweak would be for vw_editor.less to include:

Code:

.formRow.formRowSep { margin-left: 0; }
Reply
July 8, 2021 3:39 AM
ACL

Regular Member
Could you instead use <hr class="formRowSep" /> ?

Code:

<hr class="formRowSep" /> <xf:formrow rowclass="vw-switch-editor formRow--fullWidth" ...
Reply
July 16, 2021 12:47 AM

pegasus

VaultWiki Team

That styling does not have the desired appearance when the next row is a formRow--fullWidth. And CSS does not support lookaheads, so the class is applied to the later element.

Reply

+ Reply

All times are GMT -4. The time now is 2:32 PM.

This site uses cookies to help personalize content, to tailor your experience, and to keep you logged in if you register.
By continuing to use this site, you are consenting to our use of cookies.

Learn more… Accept Remind me later

Welcome to VaultWiki.org, home of the wiki add-on for vBulletin and XenForo!

Issue: [4.1.2] Create/edit page editor is incorrectly offset towards the right

Issue Tools