Details
-
Feature Part
-
Resolution: Done
-
L3 - Default
-
None
Description
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.