Details
-
Story
-
Resolution: Done
-
High
-
2.0.0-beta2
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.