Uploaded image for project: 'Magnolia UI'
  1. Magnolia UI
  2. MGNLUI-6568

TwinColSelectField bad contrast on Chrome

XMLWordPrintable

      Steps to reproduce

      1.  Using Chrome, go to https://demoauthor.magnolia-cms.com/.magnolia/admincentral#app:security
      2.  In tab Groups or Roles there is a twin column field
      3. Select one or more groups/roles

        Expected results

      The selected text can be read.

       

       

      Actual results

      The selected text cannot be read because bad contrast.

      Workaround

      Customer fixed contrast using:

      .v-select-twincol-options:focus option:checked, .v-select-twincol-selections:focus option:checked {
          box-shadow: none !important;
      }
      

      Development notes

      Contrast issue is only in Chrome, in Firefox and Safary the contrast is good.

      Also the labels are misaligned: Groups / Available Groups / Assigned Groups should on one line.

        Acceptance criteria

              yen.lactue Yen Lac Tue
              miruela Mercedes Iruela
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Created:
                Updated:
                Resolved:

                  Bug DoR
                  Task DoD

                    Estimated:
                    Original Estimate - Not Specified
                    Not Specified
                    Remaining:
                    Remaining Estimate - Not Specified
                    Not Specified
                    Logged:
                    Time Spent - 1d 4h 55m
                    1d 4h 55m