Skip to content

Conversation

@hoang-rio
Copy link
Contributor

Fix Query log search bar width issue on mobile device

Closes #7388

Copy link

@windsurf-bot windsurf-bot bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 To request another review, post a new comment with "/windsurf-review".

@hoang-rio
Copy link
Contributor Author

/windsurf-review

Copy link

@windsurf-bot windsurf-bot bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 To request another review, post a new comment with "/windsurf-review".

Comment on lines 169 to +175
.input-group-search__icon--cross {
left: -4.5rem;
right: 4.5rem;
cursor: pointer;
}

.input-group-search__icon--tooltip {
left: -4rem;
right: 2.5rem;
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The positioning changes from left-based to right-based for the cross and tooltip icons use different distance values. Please verify that these new positions correctly align the icons as intended, especially on mobile devices. You might need to adjust the values after testing on various screen sizes.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The positioning changes from left-based to right-based for the cross and tooltip icons use different distance values. Please verify that these new positions correctly align the icons as intended, especially on mobile devices. You might need to adjust the values after testing on various screen sizes.

I can confirm that this change work one all polular screen size.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Query log search bar width issue on mobile device

1 participant