I am trying to resize my searchbar on the employee center but is not working

juanAlarcon · ‎05-10-2024

Hi,

Could you help me with something, I am trying to resize the search bar, but it is not working, not sure why, this is my css,

input {
display: flex;
width: 600px;
height: 46px;
padding: var(--Spacing-spacing-sm, 12px) var(--Spacing-spacing-md, 16px);
justify-content: left;
align-items: left;
border-radius: var(--Radius-XS) px;
border: 1px solid #04BBF1; /* Fallback color for browsers that don't support gradients */
border-image: linear-gradient(to right, #94C12E, #04BBF1, #1D4370) 1;
background: var(--input-input-bg, #FFF);
}

if you could help me solve this, it would be great

Sujatha V M · ‎05-17-2024

@juanAlarcon I tried to replicate the above issue and please find my comments below,

1. On checking the widget, I found that its accommodated within a column and by default the size - md is set to "12"

'

2. On re-sizing the value to "8" or any value less than 12 there was a significant change in the search bar.

Before:

After:

Please mark this as helpful and accept it as a solution if this resolves your query.

Thanks,

Sujatha V.M.

Please mark this as helpful and accept it as a solution if this resolves your query.
Sujatha V.M.

View solution in original post

Sujatha V M · ‎05-22-2024

@juanAlarcon Glad to help you 😊 Thank you for the confirmation 😊

Please mark this as helpful and accept it as a solution if this resolves your query.

Thanks,

Sujatha V.M.

Please mark this as helpful and accept it as a solution if this resolves your query.
Sujatha V.M.