Comment to 'mobile screen width'
Comment to mobile screen width

  • Yes, I've decided to remove the "sticky edges" for now. Old implementation created a special case that wasn't working very well in some situations. For example, if you create a block without background and without margins, its content will stick to edges of the screen (bad), while you may want this only for blocks that have Cards in them (like Timeline) - and even then the cards have to adjust, because they may have has rounded corners in the template, which look bad when stuck to edges. 

    So, you couldn't create a neat timeline that would have edge-to-edge cards AND have a block with content that doesn't stick to edges on mobile but looks aligned with other blocks on a desktop. 

    We could add even more checks and settings (keep margins in no-margins blocks when on mobile), drop rounded corners on edge-to-edge cards, etc. etc, but that adds clutter to the system. I think a solution is needed, but it shouldn't be a site-wide template style override that just sticks everything without margins. 

    Ideas?

    • I think that the "Online.me" mobile layout is a great layout and many people like it. It's simple, attractive and very welcoming. See pictures please.

      • if you create a block without background and without margins, its content will stick to edges of the screen (bad)

        It's not bad, because

        - we have design of block with padding

        - padding can be easily inserted manually

        - if you really need edge-to-edge design (for image for example) it can be achieved by default

        Now with paddings we have a lot of problems:

        - lost space on mobile devices

        - can't make custom block with edge-to-edge design

        - also custom blocks without background and without margins are very rare, while in all other 99% cases space is used ineffectively

        Also tendency isn't good, and soon we'll have block inside block inside block inside block inside block inside block... 

        In the beginning we had completely borderless blocks, then we introduced block borders, then blocks inside blocks, now we added spacing around blocks to make blocks to look like blocks on mobile devices, I think this tendency isn't good. I think with such approach we are in the middle of this picture somewhere at the end of step 1 🙉

        • 😂 😂 😂