fix: mgt-people-picker flyout protruding issue (#3330)

Mnickii · web-flow · commit ea37cbfd65b5 · 2024-10-03T15:09:51.000+03:00
diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.scss b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.scss
@@ -21,6 +21,7 @@ $people-picker-font-size: var(--people-picker-font-size, 14px);
   fluent-text-field {
     width: 100%;
     font-size: $people-picker-font-size;
+    margin-block-end: 4px;
 
     &::part(root) {
       display: flex;
@@ -123,7 +124,6 @@ $people-picker-font-size: var(--people-picker-font-size, 14px);
   }
 
   fluent-card {
-    margin-top: 4px;
     background-color: $dropdown-card-color;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ $people-picker-font-size: var(--people-picker-font-size, 14px);`
`21`	`21`	`fluent-text-field {`
`22`	`22`	`width: 100%;`
`23`	`23`	`font-size: $people-picker-font-size;`
	`24`	`+ margin-block-end: 4px;`
`24`	`25`
`25`	`26`	`&::part(root) {`
`26`	`27`	`display: flex;`
`@@ -123,7 +124,6 @@ $people-picker-font-size: var(--people-picker-font-size, 14px);`
`123`	`124`	`}`
`124`	`125`
`125`	`126`	`fluent-card {`
`126`		`- margin-top: 4px;`
`127`	`127`	`background-color: $dropdown-card-color;`
`128`	`128`	`}`
`129`	`129`