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

Implement all button states according to the design

    XMLWordPrintable

    Details

    • Type: Task
    • Status: Closed
    • Priority: Critical
    • Resolution: Fixed
    • Affects Version/s: None
    • Fix Version/s: 5.0
    • Component/s: design, forms
    • Labels:
    • Environment:
      magnolia-bundle_stable build #35 (2013-04-08 14:27:35)
    • Sprint:
      RC 1

      Description

      Please implement all changes and states of buttons as described below.

      • Use "active.png" for an active button, "inactive.png" for an inactive one.
      • Use "pressed.png" for the pressed/click/tapped state.
      • Use "hover...png" for the mouse over/hover state as well as when the button has the keyboard focus.

      Please also make sure that buttons conform to the definition shown on the style guide, which I also attached to this issue.

      • Make sure that we use the 20px margin the minimal buttons width for small buttons with 4 characters of less (2nd definition)
      • But our buttons are actually 23px high - leave this, plz, as is. The 23px work better for us.

      See also http://wiki.magnolia-cms.com/display/UX/State+of+input+fields+in+forms (section on buttons).

        Checklists

        Acceptance criteria

          Attachments

          1. Active.png
            Active.png
            403 kB
          2. Hover - Mouse over - kbd focus.png
            Hover - Mouse over - kbd focus.png
            401 kB
          3. Inactive.png
            Inactive.png
            129 kB
          4. Pressed.png
            Pressed.png
            410 kB
          5. Style guide for buttons.png
            Style guide for buttons.png
            9 kB

            Issue Links

              Activity

                People

                Assignee:
                spenttila Samuli Penttilä
                Reporter:
                weder Andreas Weder
                Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:
                  Date of First Response:

                    Checklists

                    Task DoR

                      Time Tracking

                      Estimated:
                      Original Estimate - Not Specified
                      Not Specified
                      Remaining:
                      Remaining Estimate - 0d
                      0d
                      Logged:
                      Time Spent - 1d 1.5h
                      1d 1.5h