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

Improve shared styles between text-inputs and derivatives

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Fixed
    • Neutral
    • 6.0
    • None
    • None
    • Saigon 154, Saigon 155, Saigon 156, Saigon 157, Saigon 158
    • 2

    Description

      —such as combo-box.

      We started using a mixin to include input styles arbitrarily into various Vaadin component's Sass mixins; still the border styles and font-styles are applied to the same DOM element, whereas in the select case part of goes to a parent div of the input element.

      This should be fairly easy to parameterize the mixin and remove some style duplication while ensuring better consistency with interaction changes (hover/focus/validation-errors).

      Acceptance criteria:

      • Hover/focus states are not active for readonly fields (e.g. in Message details app)
      • Invalid ComboBox looks consistent (grey background, border)

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                mgeljic Mikaël Geljić
                mgeljic Mikaël Geljić
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD

                    Time Tracking

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