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

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:
Created 4 years ago
Comments:9 (4 by maintainers)

Top 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.

Top 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 ...

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, ......

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...

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...

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...