-
Feature Part
-
Resolution: Done
-
L3 - Default
-
None
AT:
- The header is adjusted to the new design
- There are breadcrumbs
Edits to current header:
--------------------
- Remove shadow
- Remove red top boarder
- Add border-bottom: 1px solid #ddd;
- Grey out the logo icon #606060
- All text 15px, font weight:500 (nav items, app title and logout link)
- Remove active state bottom boarder
- Amend default link state to be a little lighter (#949494 or a similar colour we already have)
- Header height 40px
- No hover states on nav items
Add Dividers between nav items:
------------------------------
- 1px vertical. #000 @10% Opacity. 24 px height (Or header height - 8px padding top and bottom )
- 20px padding between item and divider.
- Add divider between app name and first nav item.
- No divider after the final item.
Breadcrumbs
----------
- Use chevron text character between breadcrumb items ›
- 10px padding between chevron and nav text.
Truncation
----------
- Truncate collection and entity names after 28 characters.
- Truncate titles more in response to screen size where necessary.
- Tooltip for truncated names displaying full name. (nice to have, not necessary in this release fallback can be title attribute in a tag)
- Ensure at least 100 px padding between logout link and navigation items.
Design review tweak request:
In the breadcrumbs, please make only the active 'page' link active (dark grey)
The home link should remain the default colour (light grey)
So that the user can be sure of where they are within the app.
Thank you!