Cross Browser support
jwyackel opened this issue · 2 comments
jwyackel commented
Using the SPA template as an example,
FireFox - does not load the dotNetify logo.
Edge - does not load the dotNetify logo. Can't enter anything into the login screen.
No errors in the console to indicate what's wrong.
Any ideas?
dsuryd commented
The TextField has problem with Edge due to the way browser renders the elements (the input element is laid under an empty div, workaround is to use Tab to set the focus). This will be fixed in the next publish.
The logo is css styling issue. Replace the code in Login.js
with this:
export const Logo = styled.div`
display: flex;
align-items: center;
margin-left: 1rem;
background-image: url(http://dotnetify.net/content/images/dotnetify-logo.png);
background-size: 100% 100%;
width: 200px;
height: 39px;
`;
jwyackel commented
Thank you, that is helpful.