Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

CSS modification #57

Open
AgroMet opened this issue Nov 4, 2020 · 1 comment
Open

CSS modification #57

AgroMet opened this issue Nov 4, 2020 · 1 comment

Comments

@AgroMet
Copy link

AgroMet commented Nov 4, 2020

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.
@samthor
Copy link
Contributor

samthor commented Nov 4, 2020

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/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@samthor @AgroMet