Uploaded image for project: 'A/B Testing'
  1. A/B Testing
  2. ABTEST-506

Status indicator misplaced on green bars in page editor

XMLWordPrintable

      See images. The status indicator is too high, and it pushes the text too low. Looks very unprofessional.

      I have seen this on a bundle with commerce connector installed.

      I have seen this on the ecommerce demo.

      There was an idea that it could be related to Live Copy. But I think I've seen it in a commerce demo without livecopy installed. But not 100% certain.

      Also notice that the editing icons are showing up on the left of the greenbar, instead of the right side which is normal.

      DEV NOTES
      -----------
      Some modules not present in plain dx-core seem to meddle with page-editor styles. It is not evident by just looking in the browser console which module brings in the changes.
      The main diffs I could spot in the nightly build are

      div.mgnlEditorBar

      • flex: justify-content -> "normal" instead of "space-between"

      div.mgnlEditorBar div.mgnlEditorBarLabelSection

      • display: block --> it should be flex: align-items "center"

       

       

       

        Acceptance criteria

              oanh.thai Oanh Thai Hoang
              czimmermann Christopher Zimmermann
              Votes:
              1 Vote for this issue
              Watchers:
              6 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Bug DoR
                  Task DoD

                    Estimated:
                    Original Estimate - Not Specified
                    Not Specified
                    Remaining:
                    Remaining Estimate - 0d
                    0d
                    Logged:
                    Time Spent - 0.5d
                    0.5d