-
Notifications
You must be signed in to change notification settings - Fork 35
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
refactor(page-header): update page header according to DT spec - INNO-441 #153
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I couldn't complete the full set of changes, though it seems few things are missing such as highlights with text, background images
|
||
.page-header { | ||
margin: 0; | ||
padding: 0 0 1.5em; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Any specific reason why removing this?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I didn't have any reason to keep it, as it didn't change the display
@kalinchernev I based my implementation on DT specifications (on their wiki), not on DTT implementation (even if I sticked to the design). |
Missing modifiers have been added. |
2eca4cc
to
d3ebd01
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
- the border bottom on the breadcrumb should not be edge to edge but with a padding.
- highlight header: the padding is noticeably different (it should be one step bigger)
d3ebd01
to
072cf7e
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
It's good enough for me
…-europa/europa-component-library into refactor/page-header-INNO-441 # Conflicts: # framework/components/ecl-page-headers/_page-headers.scss # framework/components/ecl-page-headers/corporate/corporate.twig # framework/components/ecl-page-headers/improved-basic/improved-basic.twig # framework/components/ecl-page-headers/improved-complete/improved-complete.twig
Paddings have been fixed. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
almost done.
[improve-complete] breadcrumb border bottom is different than the other variant
improve-complete has been fixed |
Page header updated.
Code cleaned up. There were lots of unused code, maybe there are some other use cases, but I didn't found them in DT documentation.
Breadcrumb and meta components will have to be updated later (I kept them as is for now)