Move valid widget css to i element.

jasongrout · jasongrout · commit fd1323f0d685 · 2020-03-17T09:33:48.000-07:00
While it could work with the :before, the fontawesome examples use the i.
diff --git a/packages/controls/css/widgets-base.css b/packages/controls/css/widgets-base.css
@@ -391,17 +391,17 @@
   font-size: var(--jp-widgets-font-size);
 }
 
-.widget-valid i:before {
+.widget-valid i {
   line-height: var(--jp-widgets-inline-height);
   margin-right: var(--jp-widgets-inline-margin);
   margin-left: var(--jp-widgets-inline-margin);
 }
 
-.widget-valid.mod-valid i:before {
+.widget-valid.mod-valid i {
   color: green;
 }
 
-.widget-valid.mod-invalid i:before {
+.widget-valid.mod-invalid i {
   color: red;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -391,17 +391,17 @@`
`391`	`391`	`font-size: var(--jp-widgets-font-size);`
`392`	`392`	`}`
`393`	`393`
`394`		`-.widget-valid i:before {`
	`394`	`+.widget-valid i {`
`395`	`395`	`line-height: var(--jp-widgets-inline-height);`
`396`	`396`	`margin-right: var(--jp-widgets-inline-margin);`
`397`	`397`	`margin-left: var(--jp-widgets-inline-margin);`
`398`	`398`	`}`
`399`	`399`
`400`		`-.widget-valid.mod-valid i:before {`
	`400`	`+.widget-valid.mod-valid i {`
`401`	`401`	`color: green;`
`402`	`402`	`}`
`403`	`403`
`404`		`-.widget-valid.mod-invalid i:before {`
	`404`	`+.widget-valid.mod-invalid i {`
`405`	`405`	`color: red;`
`406`	`406`	`}`
`407`	`407`