diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index a15ef33..0b9a9c3 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -13,11 +13,27 @@ } .autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) { + height: 19px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #aeaeae; border-radius: 0; + display: flex; + flex-direction: row-reverse; +} +.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) { + font-size: 12px; + padding-left: 12px; + padding-bottom: 6px; +} +.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) { + padding: 0 0 8px; +} +.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) :global(.vtex-store-components-3-x-suffixWrapper) :global(.vtex-store-components-3-x-searchBarIcon) :global(.vtex-store-components-3-x-searchIcon) { + width: 10px; + height: 10px; + filter: invert(79%) sepia(0%) saturate(1412%) hue-rotate(140deg) brightness(90%) contrast(83%); } .container { diff --git a/styles/sass/pages/product/vtexStore/vtex.store-components.scss b/styles/sass/pages/product/vtexStore/vtex.store-components.scss index cf8ae10..663a0cc 100644 --- a/styles/sass/pages/product/vtexStore/vtex.store-components.scss +++ b/styles/sass/pages/product/vtexStore/vtex.store-components.scss @@ -10,11 +10,31 @@ &:first-child { :global(.vtex-input) { :global(.vtex-input-prefix__group) { + height: 19px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #aeaeae; border-radius: 0; + display: flex; + flex-direction: row-reverse; + :global(.vtex-styleguide-9-x-input) { + font-size: 12px; + padding-left: 12px; + padding-bottom: 6px; + } + :global(.vtex-input__suffix) { + padding: 0 0 8px; + :global(.vtex-store-components-3-x-suffixWrapper) { + :global(.vtex-store-components-3-x-searchBarIcon) { + :global(.vtex-store-components-3-x-searchIcon) { + width: 10px; + height: 10px; + filter: invert(79%) sepia(0%) saturate(1412%) hue-rotate(140deg) brightness(90%) contrast(83%); + } + } + } + } } } } @@ -217,7 +237,7 @@ border: 1px solid #989898; border-radius: unset; padding: 12px 14px; - width: 100%; + width: 100%; } :global(.vtex-styleguide-9-x-input)::placeholder { font-weight: 400;