Old Menu Bar 1.6 -
: It properly detects the taller menu bars on notched MacBook displays to ensure shadows and effects are placed correctly instead of being covered.
The app focuses on returning depth and shadow effects to the top of the screen that were standard in macOS versions from a decade ago. Old Menu Bar 1.6
: Reintroduces the shadow and 3D depth to the menu bar that modern macOS versions lack. : It properly detects the taller menu bars
: It functions as a lightweight system utility that sits in the menu bar without consuming significant system resources. Old Menu Bar - App Store Old Menu Bar 1.6
slick-bubbles-container { display: block; } slick-bubbles-header { display: block; margin: 9px 6px; font-size: 14px; line-height: 14px; color: #fff; text-shadow: 1px 1px 1px #000; text-align: left; } slick-bubbles-list { list-style: none; margin: 0 6px; padding: 0 0 9px 0; display: grid; grid-auto-flow: column; overflow: scroll hidden; width: 100vw; width: calc(100vw - 12px); gap: 2vw; } slick-bubbles-list .slick-bubble { flex: 0 0 auto; margin: 0; text-decoration: none; text-align: center; width: 100px; } slick-bubbles-list .slick-bubble .slick-bubble-image { display: block; background-color: var(--background-color); border-radius: 50%; margin: 0 auto 6px auto; padding: 2px; border: 2px solid var(--lightgreen); width: 100%; width: calc(100% - 8px); } slick-bubbles-list .slick-bubble img { display: block; width: 100%; height: auto; aspect-ratio: 1/1; border-radius: 50%; } slick-bubbles-list .slick-bubble .slick-bubble-name { font-size: 12px; text-align: center; color: #fff; text-shadow: 1px 1px 1px #000; text-decoration: none; } @media screen and (max-width: 770px) { slick-bubbles-list { align-items: flex-start; margin-top: 10px; } slick-bubbles-list .slick-bubble { width: calc((100vw / 5) - 12px); } slick-bubbles-list .slick-bubble img { width: 100%; height: auto; aspect-ratio: 1/1; } } @media (max-width: 600px) { #glass { height: 205px; } } @media screen and (min-width: 771px) { slick-bubbles-container { display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: center; height: 100%; } #shell:not(.no-glass) #glass slick-bubbles-container { margin-top: 10vh; } slick-bubbles-list { display: flex; flex-wrap: nowrap; overflow-x: auto; justify-content: center; align-items: flex-start; width: 100%; gap: 10px; overflow: hidden; } slick-bubbles-list .slick-bubble.slick-bubble-5 { display: none !important; } }