Address feedback

devversion · devversion · commit e44ca09bac81 · 2018-09-11T13:43:12.000+02:00
diff --git a/src/material-examples/form-field-custom-control/my-tel-input-example.css b/src/material-examples/form-field-custom-control/my-tel-input-example.css
@@ -1,8 +1,8 @@
-div {
+.my-tel-input-container {
   display: flex;
 }
 
-input {
+.my-tel-input-element {
   border: none;
   background: none;
   padding: 0;
@@ -11,11 +11,11 @@ input {
   text-align: center;
 }
 
-span {
+.my-tel-input-spacer {
   opacity: 0;
   transition: opacity 200ms;
 }
 
-:host.floating span {
+:host.floating .my-tel-input-spacer {
   opacity: 1;
 }
diff --git a/src/material-examples/form-field-custom-control/my-tel-input-example.html b/src/material-examples/form-field-custom-control/my-tel-input-example.html
@@ -1,7 +1,7 @@
-<div [formGroup]="parts">
-  <input class="area" formControlName="area" size="3">
-  <span>&ndash;</span>
-  <input class="exchange" formControlName="exchange" size="3">
-  <span>&ndash;</span>
-  <input class="subscriber" formControlName="subscriber" size="4">
+<div [formGroup]="parts" class="my-tel-input-container">
+  <input class="my-tel-input-element" formControlName="area" size="3">
+  <span class="my-tel-input-spacer">&ndash;</span>
+  <input class="my-tel-input-element" formControlName="exchange" size="3">
+  <span class="my-tel-input-spacer">&ndash;</span>
+  <input class="my-tel-input-element" formControlName="subscriber" size="4">
 </div>

Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,8 @@`
`1`		`-div {`
	`1`	`+.my-tel-input-container {`
`2`	`2`	`display: flex;`
`3`	`3`	`}`
`4`	`4`
`5`		`-input {`
	`5`	`+.my-tel-input-element {`
`6`	`6`	`border: none;`
`7`	`7`	`background: none;`
`8`	`8`	`padding: 0;`
`@@ -11,11 +11,11 @@ input {`
`11`	`11`	`text-align: center;`
`12`	`12`	`}`
`13`	`13`
`14`		`-span {`
	`14`	`+.my-tel-input-spacer {`
`15`	`15`	`opacity: 0;`
`16`	`16`	`transition: opacity 200ms;`
`17`	`17`	`}`
`18`	`18`
`19`		`-:host.floating span {`
	`19`	`+:host.floating .my-tel-input-spacer {`
`20`	`20`	`opacity: 1;`
`21`	`21`	`}`