"HeaderBoxes" box is not aligning text left by default

  • Affected App
    WoltLab Suite Core

    The box called HeaderBoxes when you add some boxes to it with text is aligning the text center by default. But even if you choose to align the text left in redactor editor - it still aligns the text center because no text formatting class is actually wrapped around the text for align left (to align it left). You have to use "justify text" instead to get it to align text left. So by default (all the boxes) should really be align text left by default and never center - because reactor won't align text left without using justify text. It's the one alignment when no text formatting is added with reactor to do it - instead it presumes default is left and strips any text align formatting from text


    Header Boxes added:

    Footerboxes added:


  • More issues have been spotted testing the boxes.

    1. You fixed align center (removed it from css) but see the "HERO" box position is still aligning text center.

    code_icon.png

    2. Also, two other box positions called "Top" and "Bottom" are not creating any Margin/Padding space with text from left-side of page. Any text (and title of box) is completely flush right up to the left-side of screen using no gutter spacin. Yet, the top and bottom box does look as though it has some right-side margin/padding space

    quote.png

    • Official Post

    Both work as designed.

    1. Align center looks better for hero boxes, IMO.

    2. "Top" and "bottom" are special positions, that aren't part of the default layout on purpose. That can be useful if you want to use the full width of the page (eg. for a different background color). You still can add layoutBoundaryas custom CSS class to your top/bottom boxes to include them into the default layout.

  • Align center looks better for hero boxes, IMO.

    The problem is though. If you use align-left on text in the HERO box it won't work with Redactor because no align code is wrapped around text in it for align left (it strips any align code from text for align left). So it will still remain aligned center in the box and won't work trying to align text left with redactor unless you use "justfy" instead. That to me is wrong and why default should be align left for all boxes. At least then you can still use align center with redactor and the text will be aligned centred because code for it will get wrapped around the text for "center".

    But isn't right that you can use align-left with redactor for text in a box and it will still remain centred?


    "Top" and "bottom" are special positions, that don't be part of the default layout. That can be useful if you want to use the full width of the page (eg. for a different background color). You still can add layoutBoundaryas custom CSS class to your top/bottom boxes to include them into the default layout.

    So why have some gutter margin/padding space used on right-side to match sidebar box spacing from end of screen - but have none used on left-side to match box spacing from end of screen?

    • Official Post

    So why have some gutter margin/padding space used on right-side to match box spacing from end of screen - but have none used on left-side to match box spacing from end of screen?

    There is no padding on the right-hand side, it only looks like it because your text happens to wrap at this very position.

  • There is no padding on the right-hand side, it only looks like it because your text happens to wrap at this very position.

    Okay, I didn't actually check as it just looked like it had some. But yeah, it must have wrapped text looking that way then

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!