[5.0.0] Production Build breaks Styles

Issue type

• bug report
• feature request

Issue description

Current behavior: NOTE: I disabled Angular Ivy since ng2-smart-table is NOT compatible with it.

So basically if you have a pretty complex project Ivy is breaking things like i said, i disabled Ivy by turning off aot and buildOptimizer in angular.json. That’s the only way i was able to build my project using 5.0.0.

Since i updated to 5.0.0 when i compile for Production environment styles optimization must be turned off or it can cause some weird glitches.

Maybe something related to RTL or LTR formatting?

Expected behavior: Correct alignment of interface elements.

Steps to reproduce: Add ng-toggle in page and build for Production.

Related code: This is my toggle.

<nb-toggle formControlName="blPreserve">Preserve?</nb-toggle>

Other information:

npm, node, OS, Browser

Node, npm: v12.16.1, 6.13.4
OS: ZorinOS 15.2
Browser: Chrome

Angular, Nebular Angular 9 (Ivy disabled) and Nebular 5.0.0

[macchie]

NOTE4: this is the only solution i found so far…

nb-toggle .toggle.checked .toggle-switcher {
  left: calc(100% - var(--toggle-switcher-size) - var(--toggle-border-width)) !important;
}

[macchie]

I have the same issue - when running in production the toggle alignment is wrong. I am running the latest Nebular and Angular versions + Ivy enabled.

Same here right now. CSS override was the only solution to me.