Uploaded image for project: 'eZ Publish / Platform'
  1. eZ Publish / Platform
  2. EZP-28360

Design consistency for tables across the whole application

    XMLWordPrintable

    Details

      Description

      [1] Update typography styling for tables: size, weight and alignments, as well as padding;

      [2] Update table styling:

      • Move Delete button to the header of the table (EZP-28455);
      • Style table header buttons: Update design based on attached wireframe ("Screen Shot 2017-12-01 at 12.56.10 AM.png"): improve button size (40x40px) and Icons (22x22px), add 10px margin between buttons, add for .ez-table-header a padding: 4px 22px;
      • Buttons within rows: Change Edit and Assign button to icon buttons.
      • Standardize .ez-table-header: add property border-radius: 4px 4px 0 0;
      • Remove classes .table-hover and .table-stripped from .table class
      • Dashboard tables should have as background-color $ez-ground-primary

      [3] Style of Create and Delete buttons according to UI Guidelines (only icons, remove text).

      [4] Add hover state to buttons within rows and add property cursor: pointer;:

      • Edit button:
        background-color: $ez-color-primary;
        color: $ez-white;
        height: 44px;
        width: 44px;
        border-radius: .25rem;
      • Assign (section & roles) button:
        background-color: $ez-color-secondary;
        (same specifications for color, height, width and border-radius)

      [5] Standardize message showed when there's no content to display.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                inaki.juaniz-velilla@ez.no Inaki Juaniz-Velilla
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: