c3fa8803d3
The side nav and menu buttons need to appear early on in the loading of the page. Currently we are using icon fonts with ligatures to get icons for these areas. This can result in a flash of unstyled font. By replacing these with SVG icons, we get a better user experience. By overriding the `MdIconRegistry` we can inline the SVG source, which means that there will never by a delay in rendering the icons. The new `CustomMdIconRegistry` expects a multi-provider containing an array of `SvgIconInfo` objects. These objects hold the name and SVG source of the icon. When `MdIconComponent` requests an SVG icon we will get it from the pre-loading cache, if available, before delegating back to the original `MdIconRegistry`. Note that SVG versions of `md-icon` do not apply the `material-icons` CSS class to the element, so the styling for the icons that we are preloading has been changed to use `.mat-icon` instead. Closes #16100
Safari (7+), iOS (7+), Edge (14) and IE mobile (11) are tested on BrowserStack.
Angular
Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScript (JS) and other languages.
Quickstart
Want to help?
Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our guidelines for contributing and then check out one of our issues in the hotlist: community-help.