fix(@schematics/angular): improve Sass format clarity for application style option

clydin · clydin · commit 198ca9afcc9a · 2024-03-19T11:27:23.000-04:00
The labels of the Sass preprocessor stylesheet option values have been updated for the `application` schematic's `style` option. The labels now provide greater clarity regarding the preprocessor tool used for both the SCSS (more common) and indented Sass syntaxes. The new list selection prompt is now as follows: ``` ? Which stylesheet format would you like to use? (Use arrow keys) ❯ CSS [ https://developer.mozilla.org/docs/Web/CSS ] Sass (SCSS) [ https://sass-lang.com/documentation/syntax#scss ] Sass (Indented) [ https://sass-lang.com/documentation/syntax#the-indented-syntax ] Less [ http://lesscss.org ] ``` (cherry picked from commit feef54a)
diff --git a/packages/schematics/angular/application/schema.json b/packages/schematics/angular/application/schema.json
@@ -59,18 +59,21 @@
         "message": "Which stylesheet format would you like to use?",
         "type": "list",
         "items": [
-          { "value": "css", "label": "CSS" },
+          {
+            "value": "css",
+            "label": "CSS             [ https://developer.mozilla.org/docs/Web/CSS                     ]"
+          },
           {
             "value": "scss",
-            "label": "SCSS   [ https://sass-lang.com/documentation/syntax#scss                ]"
+            "label": "Sass (SCSS)     [ https://sass-lang.com/documentation/syntax#scss                ]"
           },
           {
             "value": "sass",
-            "label": "Sass   [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]"
+            "label": "Sass (Indented) [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]"
           },
           {
             "value": "less",
-            "label": "Less   [ http://lesscss.org                                             ]"
+            "label": "Less            [ http://lesscss.org                                             ]"
           }
         ]
       },

Original file line number	Diff line number	Diff line change
`@@ -59,18 +59,21 @@`
`59`	`59`	`"message": "Which stylesheet format would you like to use?",`
`60`	`60`	`"type": "list",`
`61`	`61`	`"items": [`
`62`		`- { "value": "css", "label": "CSS" },`
	`62`	`+ {`
	`63`	`+ "value": "css",`
	`64`	`+ "label": "CSS [ https://developer.mozilla.org/docs/Web/CSS ]"`
	`65`	`+ },`
`63`	`66`	`{`
`64`	`67`	`"value": "scss",`
`65`		`- "label": "SCSS [ https://sass-lang.com/documentation/syntax#scss ]"`
	`68`	`+ "label": "Sass (SCSS) [ https://sass-lang.com/documentation/syntax#scss ]"`
`66`	`69`	`},`
`67`	`70`	`{`
`68`	`71`	`"value": "sass",`
`69`		`- "label": "Sass [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]"`
	`72`	`+ "label": "Sass (Indented) [ https://sass-lang.com/documentation/syntax#the-indented-syntax ]"`
`70`	`73`	`},`
`71`	`74`	`{`
`72`	`75`	`"value": "less",`
`73`		`- "label": "Less [ http://lesscss.org ]"`
	`76`	`+ "label": "Less [ http://lesscss.org ]"`
`74`	`77`	`}`
`75`	`78`	`]`
`76`	`79`	`},`