diff --git a/CHANGELOG.md b/CHANGELOG.md index 1feaf735..54615efe 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0. ## [Unreleased] +### Fixed + +- Fixed some layout issues + ## [1.16.3] - 2022-11-09 ### Fixed diff --git a/react/components/UserWidget.tsx b/react/components/UserWidget.tsx index cc16af9a..484e25b0 100644 --- a/react/components/UserWidget.tsx +++ b/react/components/UserWidget.tsx @@ -6,6 +6,7 @@ import { AutocompleteInput, Button, Tag } from 'vtex.styleguide' import { useCssHandles } from 'vtex.css-handles' import { useRuntime } from 'vtex.render-runtime' +import userWidgetCss from './userWidget.css' import { organizationMessages as storeMessages, userWidgetMessages as messages, @@ -74,7 +75,7 @@ const CustomOrganizationOption = (props: any) => { onClick={onClick} disabled={value.status !== 'active'} > -
+
{renderOptionHighlightedText()} {typeof value !== 'string' && (
{value.caption}
@@ -295,7 +296,7 @@ const UserWidget: FunctionComponent = () => { return (
{ > {(!userWidgetData?.checkImpersonation?.email && organizationsState.organizationOptions.length > 1 && ( - + + + )) || ( {`${formatMessage(messages.organization)} ${ diff --git a/react/components/userWidget.css b/react/components/userWidget.css new file mode 100644 index 00000000..0b7bc64f --- /dev/null +++ b/react/components/userWidget.css @@ -0,0 +1,3 @@ +.userWidget__zIndex { + z-index: 9999; +}