Skip to content

Commit ecdcff2

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 (cherry picked from commit 1f02aa9)
1 parent 569b714 commit ecdcff2

File tree

1 file changed

+63
-23
lines changed

1 file changed

+63
-23
lines changed

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

Lines changed: 63 additions & 23 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,15 +142,14 @@
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;
153-
font-size: 1rem;
154153
}
155154

156155
.social-links {
@@ -245,9 +244,17 @@
245244
rel="noopener"
246245
>
247246
<span> Explore the Docs </span>
248-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
249-
>open_in_new</i
247+
<svg
248+
xmlns="http://www.w3.org/2000/svg"
249+
height="14"
250+
viewBox="0 -960 960 960"
251+
width="14"
252+
fill="currentColor"
250253
>
254+
<path
255+
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"
256+
/>
257+
</svg>
251258
</a>
252259
<a
253260
class="pill"
@@ -256,9 +263,17 @@
256263
rel="noopener"
257264
>
258265
<span> Learn with Tutorials </span>
259-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
260-
>open_in_new</i
266+
<svg
267+
xmlns="http://www.w3.org/2000/svg"
268+
height="14"
269+
viewBox="0 -960 960 960"
270+
width="14"
271+
fill="currentColor"
261272
>
273+
<path
274+
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"
275+
/>
276+
</svg>
262277
</a>
263278
<a
264279
class="pill"
@@ -267,9 +282,17 @@
267282
rel="noopener"
268283
>
269284
<span> CLI Docs </span>
270-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
271-
>open_in_new</i
285+
<svg
286+
xmlns="http://www.w3.org/2000/svg"
287+
height="14"
288+
viewBox="0 -960 960 960"
289+
width="14"
290+
fill="currentColor"
272291
>
292+
<path
293+
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"
294+
/>
295+
</svg>
273296
</a>
274297
<a
275298
class="pill"
@@ -278,9 +301,17 @@
278301
rel="noopener"
279302
>
280303
<span> Angular Language Service </span>
281-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
282-
>open_in_new</i
304+
<svg
305+
xmlns="http://www.w3.org/2000/svg"
306+
height="14"
307+
viewBox="0 -960 960 960"
308+
width="14"
309+
fill="currentColor"
283310
>
311+
<path
312+
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"
313+
/>
314+
</svg>
284315
</a>
285316
<a
286317
class="pill"
@@ -289,9 +320,17 @@
289320
rel="noopener"
290321
>
291322
<span> Angular DevTools </span>
292-
<i class="material-icons-outlined open-in-new-icon" aria-hidden="true"
293-
>open_in_new</i
323+
<svg
324+
xmlns="http://www.w3.org/2000/svg"
325+
height="14"
326+
viewBox="0 -960 960 960"
327+
width="14"
328+
fill="currentColor"
294329
>
330+
<path
331+
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"
332+
/>
333+
</svg>
295334
</a>
296335
</div>
297336
<div class="social-links">
@@ -359,12 +398,13 @@
359398
</div>
360399
</main>
361400

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

0 commit comments

Comments
 (0)