Unsolicited design opinion - Can we hide the Memos logo in the top-left?

[nkhi]

Hi! I absolutely adore Memos, and it fills such an essential part of my life. It feels very enabling to have a space to share short form updates and I find the simplicity really helps thoughts flow. Thank you for making it.

I have one design nit-pick I wanted to ask about: the Memo logo in the top left. While I do love the logo, I think in the UI it is a bit distracting, especially since it is the same hyperlink as the Memos tile below it. Love the Tooltip bubble design for that by the way 🚀

Example:

Example without logo button:

You could also move the user badge to the top left, although I like it's more subtle location now.

If you're sentimental maybe it could be a setting? :D

[lincolnthalles]

CSS

Settings->System->Additional style.

header .shrink a:first-child { display: none; }

Javascript

An alternate way, which may survive front-end updates.

Settings->System->Additional script.

(async () => {
  // Remove Memos logo. v0.25.0 and above.
  try {
    const refElementId = "header-explore";
    const logoSelectors = ['img[src*="logo" i]', "header img:first-child"];

    if (document.readyState === "loading") {
      await new Promise((resolve) => {
        document.addEventListener("DOMContentLoaded", resolve, { once: true });
      });
    }

    let refElement = null;
    for (let i = 0; i < 20; i++) {
      refElement = document.getElementById(refElementId);
      if (refElement) break;
      await new Promise((r) => setTimeout(r, 50));
    }
    if (!refElement) {
      return;
    }

    const parent = refElement.parentElement;
    if (!parent) return null;

    for (const child of parent.children) {
      if (child === refElement) continue;

      for (const selector of logoSelectors) {
        const logo = child.querySelector(selector);
        if (logo) {
          logo.closest("div, a").remove();
        }
      }
    }
  } catch (e) {
    console.error(e);
  }
})();

[nkhi]

thank you!!