Hide mymind’s sidebar by default with Arc’s Boost

I’ve been using an app called mymind to keep images, articles, books, or really anything that I want to remember in one place.

One of my pet peeves is that the sidebar is always visible, making the actual image you want to see appear very tiny on small screens.

I have send some feedback that they should add an option to hide the sidebar by default (or simply keep the user’s preference), but until they do, I have found a way to do it myself — I emailed them in March 2024, so not keep my hopes up for this one.

Using Arc’s Boosts feature to fix it

If you’re using Arc’s, you can use Boosts feature to add custom CSS and JavaScript to any website. To hide the sidebar, copy the code below and create a new Arc Boost with it.

/* Paste on the CSS tab */

mymind-card-detail > mymind-card-sidebar,
mymind-card-detail.full > .guts {
  transition: none !important;
}

// Paste on the JavaScript tab

(function() {
  // Sidebar is hidden by default
  let showSidebar = false;

  // Function to apply the full class based on preference
  function applySidebarState() {
    const card = document.querySelector('mymind-card-detail');
    if (!card) return;

    if (showSidebar) {
      // User wants sidebar visible - remove full class
      if (card.classList.contains('full')) {
        card.classList.remove('full');
      }
    } else {
      // User wants sidebar hidden - add full class
      if (!card.classList.contains('full')) {
        card.classList.add('full');
      }
    }
  }

  // Listen for clicks on the toggle button
  document.addEventListener('click', (e) => {
    if (e.target.closest('button.toggle-sidebar')) {
      // Toggle the preference
      showSidebar = !showSidebar;
      console.log('Sidebar preference changed:', showSidebar ? 'show' : 'hide');
    }
  }, true);

  // Apply preference frequently
  setInterval(applySidebarState, 0);
})();

In the future, I might build an open-source version of my mind and distribute it for free. There are a lot of things that are a bit annoying about it, but I still use it because I do like the ability to save images and articles in one place from several devices.