pwacompat
pwacompat copied to clipboard
CSS modification
I get RTL css from Framework 7 website and It worked well in shinyMobile dashboard, however, when I modified css (for example: .md .tabbar .tab-link, .md .tabbar-labels .tab-link ) file to change header and tab bar menu color, it did not work in iOS and iPadOS. It works well on android, windows, and MacOS.
I'm sorry, I don't understand what you're trying to do. If you are trying to customize the top bar of an installed PWA on iOS, then—you don't have that much choice, sorry.
See this section: https://github.com/GoogleChromeLabs/pwacompat#ios The main thing you can do is set a "meta tag", which makes your site full-screen. Then you should take a read of a post on WebKit's blog, which covers how to best design for insets: https://webkit.org/blog/7929/designing-websites-for-iphone-x/