Skip to content

Commit d9f9dfe

Browse files
alan-agius4alan-agius4
committed
fix(@schematics/angular): add missing icons in ng-new template
This commit adds a number of missing icons. Closes #26257
1 parent a22d5b8 commit d9f9dfe

File tree

1 file changed

+63
-22
lines changed

1 file changed

+63
-22
lines changed

‎packages/schematics/angular/application/files/common-files/src/app/app.component.html.template‎

Lines changed: 63 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
22
<!-- * * * * * * * * * * * The content below * * * * * * * * * * * -->
33
<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
4-
<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
4+
<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * -->
55
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
6-
<!-- * * * * * * * * * Delete the template below * * * * * * * * * * -->
7-
<!-- * * * * * * * to get started with your project! * * * * * * * * -->
6+
<!-- * * * * * * * * * Delete the template below * * * * * * * * * -->
7+
<!-- * * * * * * * to get started with your project! * * * * * * * -->
88
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
99

1010
<style>
@@ -142,13 +142,13 @@
142142
.pill-group .pill:nth-child(6n + 2) {
143143
--pill-accent: var(--french-violet);
144144
}
145-
.pill-group .pill:nth-child(6n + 3),
145+
.pill-group .pill:nth-child(6n + 3),
146146
.pill-group .pill:nth-child(6n + 4),
147147
.pill-group .pill:nth-child(6n + 5) {
148148
--pill-accent: var(--hot-red);
149149
}
150150

151-
.open-in-new-icon {
151+
.pill-group svg {
152152
margin-inline-start: 0.25rem;
153153
font-size: 1rem;
154154
}
@@ -245,9 +245,17 @@
245245
rel="noopener"
246246
>
247247
<span> Explore the Docs </span>
248-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
249-
>open_in_new</i
248+
<svg
249+
xmlns="http://www.w3.org/2000/svg"
250+
height="24"
251+
viewBox="0 -960 960 960"
252+
width="24"
253+
fill="currentColor"
250254
>
255+
<path
256+
d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
257+
/>
258+
</svg>
251259
</a>
252260
<a
253261
class="pill"
@@ -256,9 +264,17 @@
256264
rel="noopener"
257265
>
258266
<span> Learn with Tutorials </span>
259-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
260-
>open_in_new</i
267+
<svg
268+
xmlns="http://www.w3.org/2000/svg"
269+
height="24"
270+
viewBox="0 -960 960 960"
271+
width="24"
272+
fill="currentColor"
261273
>
274+
<path
275+
d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
276+
/>
277+
</svg>
262278
</a>
263279
<a
264280
class="pill"
@@ -267,9 +283,17 @@
267283
rel="noopener"
268284
>
269285
<span> CLI Docs </span>
270-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
271-
>open_in_new</i
286+
<svg
287+
xmlns="http://www.w3.org/2000/svg"
288+
height="24"
289+
viewBox="0 -960 960 960"
290+
width="24"
291+
fill="currentColor"
272292
>
293+
<path
294+
d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
295+
/>
296+
</svg>
273297
</a>
274298
<a
275299
class="pill"
@@ -278,9 +302,17 @@
278302
rel="noopener"
279303
>
280304
<span> Angular Language Service </span>
281-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
282-
>open_in_new</i
305+
<svg
306+
xmlns="http://www.w3.org/2000/svg"
307+
height="24"
308+
viewBox="0 -960 960 960"
309+
width="24"
310+
fill="currentColor"
283311
>
312+
<path
313+
d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
314+
/>
315+
</svg>
284316
</a>
285317
<a
286318
class="pill"
@@ -289,9 +321,17 @@
289321
rel="noopener"
290322
>
291323
<span> Angular DevTools </span>
292-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
293-
>open_in_new</i
324+
<svg
325+
xmlns="http://www.w3.org/2000/svg"
326+
height="24"
327+
viewBox="0 -960 960 960"
328+
width="24"
329+
fill="currentColor"
294330
>
331+
<path
332+
d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"
333+
/>
334+
</svg>
295335
</a>
296336
</div>
297337
<div class="social-links">
@@ -359,12 +399,13 @@
359399
</div>
360400
</main>
361401

362-
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
363-
<!-- * * * * * * * * * * * The content above * * * * * * * * * * * -->
364-
<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
365-
<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
366-
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
367-
<!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
368-
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
402+
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
403+
<!-- * * * * * * * * * * * The content above * * * * * * * * * * * * -->
404+
<!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * * -->
405+
<!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
406+
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
407+
<!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * * -->
408+
<!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
409+
369410
<% if (routing) { %>
370411
<router-outlet></router-outlet><% } %>

0 commit comments

Comments
 (0)