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

TwinColSelectField bad contrast on Chrome

    XMLWordPrintable

Details

    Description

      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.

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

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

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Bug DoR
                    Task DoD

                    Jenkins Builds

                      No builds found.