Deprioritize/ignore Layout Width on small windows (suppress horizontal content scrolling if blank space available))

Feature Requests
, , ,
1

WHAT DO YOU RECOMMEND

Right now Anytype forces through the layout width when you resize the window and make it smaller, e.g. on a side by side setup with another app. If the window gets narrow, anytype starts horizontally scrolling content of the page while wasting a lot of space with blanks on the sides. This doesn’t make any sense from a UX perspective. Only workaround is to change the layout width, but that has to be done to every page, and once I increase the window size again, I want my nice layout width back, and not have to reset multiple pages.

HOW COULD IT BE DONE

It would be great if anytype uses the layout width only under the condition that the window is wide enough, and if you shrink the window, it should get rid of the blank spaces BEFORE it forces horizontal content scrolling.

REAL WORLD USE CASES

Using side by side window arrangements with a browser for example.

RECOMMENDED ALTERNATIVES

Alternatively it would be great to have a global layout width setting that can be switched on and off that overrides page settings if switched on and reverts back to page setting if switched off.

EDIT: Also there is a custom.css workaround:

@media (max-width: 960px) {
  .editorWrapper {
    width: calc(100vw - 64px) !important;
  }
  
  .isPopup .editorWrapper {
    width: calc(100vw - 128px) !important;
  }
}

ADDITIONAL CONTEXT

Love you guys.

2

The following looks like a similar feature request.

3

True, but didn’t seem to get much attention over two years. The CSS Trick works for now though, so thank you!

4

That was January the 22nd of this year, not 2022 :slightly_smiling_face:
Please vote for the FR if you didn’t already

5

hahaha ups :smiley: happened to me so many times already :sweat_smile: