dsuryd/dotNetify-Elements

Cross Browser support

jwyackel opened this issue · 2 comments

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?

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;
`;

Thank you, that is helpful.