teams-channel-picker display property for firefox bug (#831)

vogtn · web-flow · commit e558f6365587 · 2020-12-10T07:45:59.000-08:00
diff --git a/packages/mgt-components/src/components/mgt-teams-channel-picker/mgt-teams-channel-picker.scss b/packages/mgt-components/src/components/mgt-teams-channel-picker/mgt-teams-channel-picker.scss
@@ -61,6 +61,7 @@
     }
 
     .search-wrapper {
+      height: 14px;
       display: flex;
       flex-wrap: nowrap;
       align-items: center;
@@ -86,14 +87,18 @@
     }
     .team-chosen-input[contenteditable]:empty::after {
       content: attr(data-placeholder);
-      display: inline-block;
       color: $placeholder__color;
     }
 
     .search-icon {
       align-self: flex-start;
       font-family: 'FabricMDL2Icons';
       color: var(--accent-color, $commblue_primary);
+      line-height: normal;
+    }
+
+    .input-search {
+      height: 19px;
     }
 
     .input-search-start {

Original file line number	Diff line number	Diff line change
`@@ -61,6 +61,7 @@`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`.search-wrapper {`
	`64`	`+ height: 14px;`
`64`	`65`	`display: flex;`
`65`	`66`	`flex-wrap: nowrap;`
`66`	`67`	`align-items: center;`
`@@ -86,14 +87,18 @@`
`86`	`87`	`}`
`87`	`88`	`.team-chosen-input[contenteditable]:empty::after {`
`88`	`89`	`content: attr(data-placeholder);`
`89`		`- display: inline-block;`
`90`	`90`	`color: $placeholder__color;`
`91`	`91`	`}`
`92`	`92`
`93`	`93`	`.search-icon {`
`94`	`94`	`align-self: flex-start;`
`95`	`95`	`font-family: 'FabricMDL2Icons';`
`96`	`96`	`color: var(--accent-color, $commblue_primary);`
	`97`	`+ line-height: normal;`
	`98`	`+ }`
	`99`	`+`
	`100`	`+ .input-search {`
	`101`	`+ height: 19px;`
`97`	`102`	`}`
`98`	`103`
`99`	`104`	`.input-search-start {`