No Code Attached Yet
avatar brianteeman
brianteeman
1 Aug 2022

Steps to reproduce the issue

the offset-sm-3 etc is causing issues on RTL as shown in the screenshots

LTR

image

RTL

image

avatar brianteeman brianteeman - open - 1 Aug 2022
avatar joomla-cms-bot joomla-cms-bot - change - 1 Aug 2022
Labels Added: No Code Attached Yet
avatar joomla-cms-bot joomla-cms-bot - labeled - 1 Aug 2022
avatar nikosdion
nikosdion - comment - 5 Aug 2022

Given that this is the example code Bootstrap gives for checkboxes in horizontal forms wouldn't it be a Bootstrap problem instead of a Joomla problem?

At the time of this writing the code Bootstrap suggests is the following:

  <div class="row mb-3">
    <div class="col-sm-10 offset-sm-2">
      <div class="form-check">
        <input class="form-check-input" type="checkbox" id="gridCheck1">
        <label class="form-check-label" for="gridCheck1">
          Example checkbox
        </label>
      </div>
    </div>
  </div>
avatar brianteeman
brianteeman - comment - 5 Aug 2022

That would assume that joomla is using bs and its rtl correctly - hint we're not

If we were correctly using bootstrap rtl then the class offset-* would be margin-right when in rtl instead of margin-left

Sadly we're still not using it correctly so we have a mess of some overrides that J_M wrote and the rest is missing

avatar nikosdion
nikosdion - comment - 5 Aug 2022

Then the problem is how Joomla uses Bootstrap and not the HTML code in the MFA feature. Fix Joomla's use of Bootstrap and the problem corrects itself.

avatar brianteeman
brianteeman - comment - 6 Aug 2022

exactly

avatar brianteeman brianteeman - change - 7 Aug 2022
Status New Closed
Closed_Date 0000-00-00 00:00:00 2022-08-07 18:43:37
Closed_By brianteeman
avatar brianteeman brianteeman - close - 7 Aug 2022
avatar brianteeman
brianteeman - comment - 7 Aug 2022

ok - spent the entire today but #38412

Add a Comment

Login with GitHub to post a comment