navBarDirection "right-to-left" not working correctly
See original GitHub issueBrowser: 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 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I have just released two new versions:
5.0.1
for Angular 5 - 86.1.0
for Angular 9which 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 repositoryOk, then I will wait for you to work on this. 😃 If you need any help don’t hesitate to tell me.