Quansight-Labs/jupyterlab-accessible-themes

AUDIT - Menu Bar Zoom

trallard opened this issue · 1 comments

trallard commented
  • 200%
  • 400%
  • Change the default value of text size from 16 to 30 in the web browser
  • Test with different screen sizes

References

steff456 commented

These are the results of the Zoom Audit,

Icon behavior

image

Menubar behavior

image

Notes

  • The height is defined in px, therefore it doesn't change with the zoom or with the default text size defined in the web browser
  • The menu items start getting lost as zoom increases
  • The dropdown menus are not visible or usable with 400% zoom
  • Changing the default text size doesn't do any effect in Jlab UI, but changing the minimum text size in the browser does create changes where text overflows.
  • Modifying to responsive layouts break the sidebar and its usability, in the same way it breaks in 400% zoom

Suggestions

  • The definition of height is working as they are and they have sense to leave them in px.
  • A hamburger menu may need to be added when the space is smaller to avoid loosing items. This needs to be discussed.
  • The dropdown menus should open to the left/right depending where there's more space in the screen.