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

Resurface: field descriptions

    XMLWordPrintable

Details

    • Story
    • Resolution: Fixed
    • Neutral
    • 6.0
    • None
    • None
    • None
    • Kromeriz 157, Kromeriz 158
    • 8

    Description

      Find guide lines for field descriptions on zeplin.io

      General

      https://zpl.io/29Dkj9d

      Browser width > 1312px

      https://zpl.io/2y7jW5q

      Browser width < 1312px

      https://zpl.io/VOWRArX

      Behavior of bubble height

      https://zpl.io/V4JkzXy

       

      Changes to the current field descriptions

      • we are removing the global help button that displays all descriptions at once
      • new: descriptions are only displayed one at a time
      • descriptions are toggled visible/invisible by clicking the button (on=black / off=white)
      • if you click a second description the previous will turn invisible
      • the description bubble has a fixed width of 280px
      • if the browser width is smaller than 1312px the bubble jumps to the left side and overlaps the dialog input fields

       

      Something like this could be used

      https://demo.vaadin.com/sampler/#ui/structure/popup-view

      https://demo.vaadin.com/sampler/#ui/basic-features/tooltip

       

      Checklists

        Acceptance criteria

        Attachments

          Issue Links

            Activity

              People

                efochr Evzen Fochr
                avongunten Anja von Gunten
                Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  Checklists

                    Task DoD