Simple fix for right sidebar layout on mobile

[state303]

Above all else, thank you for this awesome project to be keep running.

Issue:

Currently the sidebar right layout is not displayed (overflow, etc).

Solution:

It could've been much, much better with a few lines of css on base.scss

    {...}
    & .sidebar.right {
      @media all and (max-width: $mobileBreakpoint) {
        flex-direction: column;
      }
      {...}
    }
    {...}

It is looking great and is not even a thing to test your layout with by simply running --serve on local. I think current css works out like a charm, and it works well even with the recent notes section.

Also, I think we need to check this in real-life case, so I wouldn't post my screenshots or anything. Just by adding that line will simply fix-em all at minimum, or at least better than nothing 😢

[gamberoillecito]

@state303 hi, I tried that, it looks much better but sometimes it breaks the scolling through the explorer in mobile in my case.

As you can see in the image sometimes the explorer doesn't expand completely and some files/folders remain hidden and cannot be scrolled.

P.S. I'm on firefox

[state303]

Thanks, I will look into it and bring fix soon.. :)