Skip to content
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

feat: implement title component #3707

Merged
merged 2 commits into from
Nov 2, 2020
Merged

feat: implement title component #3707

merged 2 commits into from
Nov 2, 2020

Conversation

mikerodonnell89
Copy link
Member

fixes #3703

Surprise PR as I found this is something we need (in addition to some other things) in order to implement the wizard summary page.

Screen Shot 2020-10-29 at 11 25 55 AM

@mikerodonnell89 mikerodonnell89 added this to the Sprint 49 - Nassau milestone Oct 29, 2020
@mikerodonnell89 mikerodonnell89 requested a review from a team October 29, 2020 17:26
@mikerodonnell89 mikerodonnell89 added this to In progress in Development via automation Oct 29, 2020
@mikerodonnell89 mikerodonnell89 self-assigned this Oct 29, 2020
@netlify
Copy link

netlify bot commented Oct 29, 2020

Deploy preview for fundamental-ngx ready!

Built with commit 2052847

https://deploy-preview-3707--fundamental-ngx.netlify.app

@salarenko salarenko added the core Core library specific issues label Oct 30, 2020
Comment on lines 25 to 37
const headerSize = this._elRef.nativeElement.tagName.charAt(1);
this._elRef.nativeElement.classList.add('fd-title--h' + headerSize);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think in this case the user should pass the value for the header. The way it's now (Visual example) the compiled code is:
Screen Shot 2020-10-30 at 12 22 25 PM
The html tag matches the fd-title--hX class.
In styles it's different:
Screen Shot 2020-10-30 at 12 22 37 PM

The idea is that semantically it would make sense to use h1, for example, but the user might want to change the default font-size and have something like:
<h1 class="fd-title fd-title--h6">Title Level 1</h1>

@InnaAtanasova InnaAtanasova merged commit 250b179 into master Nov 2, 2020
Development automation moved this from In progress to Done Nov 2, 2020
@InnaAtanasova InnaAtanasova deleted the feat/title branch November 2, 2020 14:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
core Core library specific issues
Projects
No open projects
Development
  
Done
Development

Successfully merging this pull request may close these issues.

Implement Title directive
3 participants