Greasy Fork is available in English.

SonicHackingContest Navbar Scroll

Avoids navbar dropdown menus from being cut-off and inaccessible by adding scrolling.

Yazar
Obsidian
Günlük kurulumlar
0
Toplam kurulumlar
19
Değerlendirmeler
0 0 0
Versiyon
2024.10.02
Oluşturulma
17.11.2020
Güncellenme
02.10.2024
Lisans
N/A
Geçerli

Avoids items in navbar dropdown menus (at Sonic Hacking Contest) from being cut-off and inaccessible in desktop and mobile views by adding scrolling when needed. Besides fixing other sizing issues, also adds a theme selector.

SHC-navbar-scroll (animated)

SonicHackingContest Navbar Scroll

Noticed anything about the navbar menus at the SHC site? As a result of the amount of content this year, some menus might extend past the bottom of the screen. That's no problem, just scroll down, right? But wait, the menu remains in place, the obscured items still inaccessible. This is also true for the mobile site view, where the problem is even more pronounced.

This simple script is a temporary solution to help alleviate this navbar problem until they fix it for next year.

  • Adds scrolling and thin vertical scrollbars when needed to the navbar menus
  • For both desktop and mobile views
  • Thin scrollbar should conform to the other color themes
  • Modifies width of mobile-view menus (so it can be less than full viewport width)

  • Adds site theme button in footer (localStorage used for persistence of theme setting)
  • Limits size of video IFRAME, news images, entry banner images and list of entries to fit within screen width
  • Shrinks size of news post avatars on narrow screens for better title readability
  • Gives stream schedule always-visible headings by toggle button
  • Periodically updates highlighted time in stream schedule
  • Makes entry gallery thumbnails of GIFs and videos more obvious with a filmstrip look
  • Adds a custom Shadow-inspired dark theme

SHC-themes  SHC-news-avatar-Mobile  SHC-menu-Phone