question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

navBarDirection "right-to-left" not working correctly

See original GitHub issue
Screen Shot 2020-03-18 at 2 10 25 PM

Browser: Chrome v80.0.3987.132 OS: MacOS Catalina Version: 5.0.0 Angular Version: 8.2.14

Usage:

        <aw-wizard #wizard navBarLayout="large-filled-symbols" [disableNavigationBar]="true"
          [navBarDirection]="'right-to-left'">
          <aw-wizard-step [stepTitle]="t('step1.label')" [navigationSymbol]="{ symbol: t('step1.symbol') }">
          </aw-wizard-step>
          <aw-wizard-step [stepTitle]="t('step2.label')" [navigationSymbol]="{ symbol: t('step2.symbol') }">
          </aw-wizard-step>
          <aw-wizard-step [stepTitle]="t('step3.label')" [navigationSymbol]="{ symbol: t('step3.symbol') }">
          </aw-wizard-step>
        </aw-wizard>

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
madoarcommented, May 10, 2020

I have just released two new versions:

  • 5.0.1 for Angular 5 - 8
  • 6.1.0 for Angular 9

which fix the issue 😃

Thanks to @KarimTayie for providing the solution to this issue!

An example of how right-to-left direction looks now can be found in the demo repository

0reactions
madoarcommented, Apr 1, 2020

I haven’t had the time to look into doing a PR for that, but may be able to on the coming weekend

Ok, then I will wait for you to work on this. 😃 If you need any help don’t hesitate to tell me.

Read more comments on GitHub >

github_iconTop Results From Across the Web

right to left - Bootstrap - Change direction of the navbar
I've using Twitter bootstrap and trying to align the navbars' text to the right, i.e - that the ...
Read more >
Can't get nav-bar to align right - The freeCodeCamp Forum
The problem is it's responsiveness, try to make so it resizes correctly to smaller screens by using media queries or %, vw, vw, ......
Read more >
Navbar - Bootstrap
Navbar togglers are left-aligned by default, but should they follow a sibling element like a .navbar-brand , they'll automatically be aligned to the...
Read more >
Navbar - Bootstrap - University of Houston
Align nav links, forms, buttons, or text, using the .navbar-left or .navbar-right utility classes. Both classes will add a CSS float in the...
Read more >
Right-to-left - Material UI - MUI
Right -to-left languages such as Arabic, Persian, or Hebrew are supported. ... This, however, will not work correctly with portaled elements, such as...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found