basic theme login page layout not working in angular
Rider Bootstrap Theme Issue Issue with theme left side of login page not spanning to the bottom and right panel is way too high . if you move the html inside the index.html it works fine but not inside a basic angular component.
here is the sample code: https://stackblitz.com/edit/angular-i4jhux?file=src%2Fapp%2Fheroes%2Fheroes.component.html
Sorry, but this URL https://stackblitz.com/edit/angular-i4jhux?file=src%2Fapp%2Fheroes%2Fheroes.component.html does not show any page. It still shows a white blank page: https://i.imgur.com/CW26YlK.png
It seems you added 2 extra wrapper parents to the rider"s layout. You will need to apply these changes to those parent elements: https://i.imgur.com/5ilfIDu.png
I cleaned that up I think.. take another look .. but still having the issue. the code is cut an pasted from the theme login example. it seems like angular is causing an issue if the html code is in the component vs the index.html...
Please refer to this image and add the required styles to fix the layout: https://i.imgur.com/5ilfIDu.png
You still have 2 extra DIV that are not part of the Rider HTML Markup. So you will need to apply a custom style to fix the issue. I tested it and worked.
That worked !!! Big Thank You !! However, I guess this is a angular issue... these tags are angular but not sure why they would affect style. any explanation to this?