search

eddiesigner / liebling

Beautiful and clean Ghost theme that is easy and comfortable to use. To get the latest version please head over the releases page 👉🏼
https://github.com/eddiesigner/liebling/releases
MIT License
1.25k stars 594 forks source link

Add theme-color meta to change browser bar color and Fix the gap between collapsible menu and header. #541

Open dodaydream opened 5 months ago

dodaydream commented 5 months ago

Hi!

I added the theme-color meta to change the colour of the user's browser, providing a more immersive experience.

ref: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta/name/theme-color

Also I discovered that on desktop, the collapsible menu doesn't positioned correctly, which is caused by scale(1.2) in .m-menu where media: medium. Although this attribute was overwritten by translate3d (0,0,0) which was compiled to translateZ(0px), it doesn't seem to be overwritten correctly.

Therefore I changed the translate3d to unset. And tested on Chrome 120.0.6099.234; Firefox 122.0; Safari 17.1.2, and all worked as expected.