Skip to content

fix(tabs): re-align the ink bar when the viewport size changes - #3877

Merged
kara merged 2 commits into
angular:masterfrom
crisbeto:3845/realign-tabs-on-resize
Apr 21, 2017
Merged

fix(tabs): re-align the ink bar when the viewport size changes#3877
kara merged 2 commits into
angular:masterfrom
crisbeto:3845/realign-tabs-on-resize

Conversation

@crisbeto

@crisbeto crisbeto commented Apr 2, 2017

Copy link
Copy Markdown
Member
  • Recalculates the ink bar position, as well as the pagination, if the viewport size changes.
  • Adds a missing test on the tab-nav-bar regarding repositioning on direction changes.

Fixes #3845.
Fixes #3044.
Fixes #2518.
Fixes #1231.

* Recalculates the ink bar position, as well as the pagination, if the viewport size changes.
* Adds a missing test on the `tab-nav-bar` regarding repositioning on direction changes.

Fixes angular#3845.
Fixes angular#3044.
Fixes angular#2518.
Fixes angular#1231.
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Apr 2, 2017
Comment thread src/lib/tabs/tab-header.ts Outdated
this._realignInkBar = this._ngZone.runOutsideAngular(() => {
return Observable.merge(
this._dir ? this._dir.dirChange : Observable.of(null),
Observable.fromEvent(window, 'resize').auditTime(10)

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

We should only do this when on platform-browser

@crisbeto

Copy link
Copy Markdown
Member Author

Addressed the feedback @jelbourn.

@jelbourn jelbourn left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

LGTM

@jelbourn jelbourn added pr: lgtm action: merge The PR is ready for merge by the caretaker and removed pr: needs review labels Apr 17, 2017
@kara
kara merged commit 7942948 into angular:master Apr 21, 2017
@angular-automatic-lock-bot

Copy link
Copy Markdown

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot Bot locked and limited conversation to collaborators Sep 6, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

action: merge The PR is ready for merge by the caretaker cla: yes PR author has agreed to Google's Contributor License Agreement

Projects

None yet

5 participants