Hi Martin :

I understand we need to involve Industrial to fix the HTML template for the issue below. Please arrange a call if necessary.

SN suggested search field to show ellipsis after a certain number of characters to avoid overlapping with Reset (5-Jul-22).mp4 1.73 MB • Download

Thanks,

Paul

Hi Paul ,

The ellipsis suggestion might be tricky to implement for 2 reasons:

The above 2 factors will make it difficult to programmatically determine where the text should be truncated.

Hi Naomi : can you let us know your thoughts on how to address this? An easy fix might be to move the Reset link outside of the textbox. But perhaps you have something more elegant up your sleeve!

Thanks,
-Martin

CC: Erin  

I have created DevOps bug https://dev.azure.com/tologix/ISLGRebuild/_workitems/edit/2020 in the backlog to track this.

Hi Paul and Martin ,

This can be fixed by adding padding around the "reset" link relatively easily without the ellipsis. This solution should apply across screen sizes.

I hope this helps,

Naomi

Screen Shot 2022-07-06 at 7.49.41 PM.png 175 KB • Download

Hi Martin :

If Naomi 's solution above works for you and DevIT, I am good with it.

Thanks,

Paul

Hi Naomi ,

Yes, this looks good to me. Can you confirm it's a relatively easy change in the template?

Thanks!
-Martin

CC: Harsh and Piyush  

Hi Martin ,

Yes this is, this is a screenshot from our developer testing this in the live version. If you need help with this let us know, and Erin can make sure it's resourced. 

Best, 

Naomi

Hi Naomi ,

Yes, let's move ahead with this change.

Thank you,
-Martin

Hi Martin and Harsh ,

Our developer realized we do not have the search with autocomplete in our templates, however, she tested this on the staging site and thinks this will work if you add this to your stylesheet.

.form__input.ui-autocomplete-input {
  padding-right: 4rem;
}

Let me know if you have any issues here,

Naomi

cc: Erin  

Hi Paul ,

I have added CSS to the subject navigate page provided by Naomi. It is working and I have made changes and it is a minor change, So I have uploaded it on app.islg and staging.islg.

Please check and confirm.

https://dev.azure.com/tologix/ISLGRebuild/_workitems/edit/2020

cc: Harsh Martin  

Hi Piyush :

It looks good on app.islg, thanks.

Paul