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

calender emoji before journal title is show as rectangle #3

Open
GoTop opened this issue Sep 24, 2021 · 8 comments
Open

calender emoji before journal title is show as rectangle #3

GoTop opened this issue Sep 24, 2021 · 8 comments

Comments

@GoTop
Copy link

GoTop commented Sep 24, 2021

picture

@GoTop GoTop changed the title calender emoji before journal title is 农田 calender emoji before journal title is show as Sep 24, 2021
@GoTop GoTop changed the title calender emoji before journal title is show as calender emoji before journal title is show as rectangle Sep 24, 2021
@Sansui233
Copy link
Owner

What's your OS and Logseq runtime platform (desktop or browser)?

@aadilayub
Copy link

aadilayub commented Oct 1, 2021

I have a similar problem, using the desktop app on Fedora Linux 34

image

This would probably be fixed by adding Noto Color Emoji to the font stack, since that's the emoji font used on most Linux distributions. Currently, the theme only has Segoe UI Emoji and Apple Color Emoji, both of which are unavailable on Linux.

@Sansui233
Copy link
Owner

Yes, the problem is related to OS's fonts, adding the missing font could solve the problem. Or you can simply append the code below to your custom.css to disable that emoji.

#main-content #main-content-container .journal .flex-row.foldable-title h1.title:before {
    display:none;
}

Logseq doesn't use a special style selector for linux version, (for me) there's not a good way to adapt Linux yet.

@aadilayub
Copy link

Would this not be fixed by adding "Noto Color Emoji" as a fallback font here?

  --ls-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif,
    "Segoe UI Emoji", "Segoe UI Symbol";

@Sansui233
Copy link
Owner

Would this not be fixed by adding "Noto Color Emoji" as a fallback font here?

  --ls-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif,

    "Segoe UI Emoji", "Segoe UI Symbol";

According to this article, I guess there are some ways for custom emoji to fall to sans-serif or other font-family. (Though I have no idea about how to set up preferred emoji on Fedora distribution)

@owiecc
Copy link

owiecc commented Mar 19, 2022

#main-content #main-content-container .journal .flex-row.foldable-title h1.title:before {
    display:none;
}

Does not work for me to disable the emoji. I am on Logseq 0.6.3 and Bonofix 3.6.2. What is the proper selector now?

@Sansui233
Copy link
Owner

#main-content #main-content-container .journal .flex-row.foldable-title h1.title:before {
    display:none;
}

Does not work for me to disable the emoji. I am on Logseq 0.6.3 and Bonofix 3.6.2. What is the proper selector now?

The selector above is correct. The problem is that your custom.css won't work if the custom theme is installed via plugin market.

Relative selectors in bonofix:

#main-content-container .journal h1.title:before,
#main-content-container .is-journals h1.title:before {
  display:none;
}

@Gitbreast
Copy link

Gitbreast commented Aug 10, 2022

Yes, the problem is related to OS's fonts, adding the missing font could solve the problem. Or you can simply append the code below to your custom.css to disable that emoji.

#main-content #main-content-container .journal .flex-row.foldable-title h1.title:before {
    display:none;
}

Logseq doesn't use a special style selector for linux version, (for me) there's not a good way to adapt Linux yet.

I apply "Noto Serif SC" in the logseq plugin "Google fonts"(main_font option), the journal emoji in Bonofix theme shows the same situation above.
Before applying:
image
After:
image

But this situation does not appear in the Solarized Extended Theme:
Before applying:
image
After:
image

So I guess there's a way to avoid this no-color(Noto's) emoji situation, what do you say?

Plus, disable the emoji will also cancel the effect from logseq plugin "Reference Styles", is it any way to disable the Bonofix's emoji but apply Reference Styles's effect?
image
Apply the disable in custom.css(doesnot work with #, without # is not perfect but work, still shows Noto icon in page journal):
image
Journal:
image
Page:
image

What I figuring is, is it any way to apply "Noto Serif SC" in Bonofix, but with colorful journal emoji(maybe thru "Reference Styles") in the same time?

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

No branches or pull requests

5 participants