You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The <kbd> element which shows icon inside search bar which says Ctrl + K is not aligned vertically.
To Reproduce
Steps to reproduce the behavior:
Open the webpage or application where the <kbd> element is present.
Inspect the <kbd> element using browser developer tools.
Observe that the element is slightly offset from the vertical center of its container.
Expected behavior
The <kbd> element should be perfectly centered vertically within its parent container, ensuring a clean and consistent user interface.
Screenshots or GIFs
Before Fix:
After Fix:
Info (please complete the following information):
Browser: On any browser in windows machines
Version: Latest branch or release version where this issue occurs.
Additional context
The issue seems to stem from the use of hardcoded top-2.5 positioning without proper vertical centering adjustments. A simple fix involves replacing top-2.5 with top-1/2 and adding -translate-y-1/2.
This fix also ensures consistency across different themes (light and dark) and screen sizes.
The text was updated successfully, but these errors were encountered:
Describe the bug
The
<kbd>
element which shows icon inside search bar which says Ctrl + K is not aligned vertically.To Reproduce
Steps to reproduce the behavior:
<kbd>
element is present.<kbd>
element using browser developer tools.Expected behavior
The
<kbd>
element should be perfectly centered vertically within its parent container, ensuring a clean and consistent user interface.Screenshots or GIFs
Before Fix:

After Fix:

Info (please complete the following information):
Additional context
The issue seems to stem from the use of hardcoded
top-2.5
positioning without proper vertical centering adjustments. A simple fix involves replacingtop-2.5
withtop-1/2
and adding-translate-y-1/2
.This fix also ensures consistency across different themes (light and dark) and screen sizes.
The text was updated successfully, but these errors were encountered: