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.

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

header - Top night mode toggle button misplaced and Notion Log In and Copy Link display on Mobile phone. #60

Closed
Kloudytics opened this issue Nov 7, 2020 · 11 comments · May be fixed by #62

Comments

@Kloudytics
Copy link

Since yesterday, something may have changed at Notion. We are having an issue with top bar look on mobile devices. Please see attached screenshots. It switches the place of the night vision toggle button and adds three buttons to login to notion.

Your site has the same problem as my site, but some of the showcased sites don't have they also don't have the night/dark button so I guess, that is what causing the issue. Not sure though. Let me know if you have a quick fix for it - like disabling the dark switch button - or if you are aware and working on it.

@vovkazm
Copy link

vovkazm commented Nov 10, 2020

+1

1 similar comment
@eyoungmin
Copy link

+1

@emindeniz99
Copy link

emindeniz99 commented Nov 23, 2020

I have solved it with this code div.notion-topbar-mobile > div:nth-child(5) { display: none !important; }
append this to line 191

4 -> search button
5 -> more( three dot ) button , which is not exist current worker.js

div.notion-topbar-mobile > div:nth-child(4) { display: none !important; }

edit: I have solved button location problem.
I have tested it on my website emindeniz99.com, it works, and I have opened PR.

emindeniz99 added a commit to emindeniz99/fruitionsite that referenced this issue Nov 23, 2020
emindeniz99 added a commit to emindeniz99/fruitionsite that referenced this issue Nov 23, 2020
@vovkazm
Copy link

vovkazm commented Nov 24, 2020

I have solved it with this code div.notion-topbar-mobile > div:nth-child(5) { display: none !important; }
append this to line 191

4 -> search button
5 -> more( three dot ) button , which is not exist current worker.js

div.notion-topbar-mobile > div:nth-child(4) { display: none !important; }

edit: I have solved button location problem.
I have tested it on my website emindeniz99.com, it works, and I have opened PR.

It worked. Thanks.
Tell me how to set your favicon?

@emindeniz99
Copy link

emindeniz99 commented Nov 24, 2020

I have solved it with this code div.notion-topbar-mobile > div:nth-child(5) { display: none !important; }
append this to line 191
4 -> search button
5 -> more( three dot ) button , which is not exist current worker.js

div.notion-topbar-mobile > div:nth-child(4) { display: none !important; }

edit: I have solved button location problem.
I have tested it on my website emindeniz99.com, it works, and I have opened PR.

It worked. Thanks.
Tell me how to set your favicon?

Glad to help. Favicon is automatically set from notion.so page icon after rendering original notion.so .js's.

@vovkazm
Copy link

vovkazm commented Nov 24, 2020

I have solved it with this code div.notion-topbar-mobile > div:nth-child(5) { display: none !important; }
append this to line 191
4 -> search button
5 -> more( three dot ) button , which is not exist current worker.js

div.notion-topbar-mobile > div:nth-child(4) { display: none !important; }

edit: I have solved button location problem.
I have tested it on my website emindeniz99.com, it works, and I have opened PR.

It worked. Thanks.
Tell me how to set your favicon?

Glad to help. Favicon is automatically set from notion.so page icon after rendering original notion.so .js's.

To be honest, I'm not very good at coding.
What actions need to be taken to replace the Notion icon with my icon? If it's not difficult, can you write in more detail?

@emindeniz99
Copy link

I have solved it with this code div.notion-topbar-mobile > div:nth-child(5) { display: none !important; }
append this to line 191
4 -> search button
5 -> more( three dot ) button , which is not exist current worker.js

div.notion-topbar-mobile > div:nth-child(4) { display: none !important; }

edit: I have solved button location problem.
I have tested it on my website emindeniz99.com, it works, and I have opened PR.

It worked. Thanks.
Tell me how to set your favicon?

Glad to help. Favicon is automatically set from notion.so page icon after rendering original notion.so .js's.

To be honest, I'm not very good at coding.
What actions need to be taken to replace the Notion icon with my icon? If it's not difficult, can you write in more detail?

You can add page icon on notion.so website. https://www.notion.so/Page-icons-covers-be694b07c6284ee3800bd71dde495981

@vovkazm
Copy link

vovkazm commented Nov 24, 2020

@emindeniz99 Thank you very much

@Kloudytics
Copy link
Author

Kloudytics commented Nov 24, 2020 via email

@Kloudytics
Copy link
Author

Perfect it seems to be working fine now.
Thank you

@CryptoBull2020
Copy link

not working. Any updates to resolve these issues?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
5 participants