Status quo: When a page is created in desktop mode, block dimensions are saved. When the block is edited in mobile mode (at 750px, there is no tablet mode), the new edited dimensions are saved and thus overwrite the desktop dimensions, which are dropped from the database. Mobile has the default width set to 1 column and that's why the columns are made skinny.
'Editing' can mean a few different things: - Editing the dimensions - Editing block content and saving the changes by clicking the 'Save' button - Sometimes also viewing the page as some blocks trigger a layout change to adjust the content held within them. Changes to be made: 1. Page created in desktop but changes made in mobile: Build logic to ignore the width set in mobile mode and keep desktop dimensions. 2. New page created in mobile: Set the default width to the default desktop width instead of using 1. It should be saved as 'default' rather than a particular width as we are planning on changing the default width to 12 columns: https://bugs.launchpad.net/mahara/+bug/1952143 3. In Mobile: When to block configuration is updated by clicking the 'Save' button don't change the block dimension, but leave it on what is there. Only change the block dimension when the block is actively resized on mobile, but not when block content is saved. Ideally, also not when a block is moved up or down, but that may not be possible. 4. Can we ignore the height? A) Do we need to save it or can be dispense with it? B) Do we save it but don't use for calculations as our blocks float to the top and are as long as the content should be. -- You received this bug notification because you are a member of Mahara Contributors, which is subscribed to Mahara. Matching subscriptions: mahara-contributors https://bugs.launchpad.net/bugs/1951263 Title: Editing a page layout with a smartphone corrupts desktop browsers view Status in Mahara: In Progress Bug description: Mahara 21.04.1 (same with demo.mahara.org) Ubuntu Server 20.04.3 LTS MariaDB 10.3 Firefox 94 / Chrome 95 Editing a page layout with a smartphone (or mobile device emulation in firefox) or narrowing down a desktop browser window until the mobile view kicks in reorders all boxes into a single column layout. This saves the page in a 1 column width layout using only one of the twelve columns used in the desktop view, giving a distorted picture. While this might be acceptable for a users own pages, this is definitely not ok for group owned pages intended for collaborative work. Steps to reproduce: on smartphone (or narrowed down browser) create page enter layout editor add text box leave editor watch page with desktop browser see attached image for sample To manage notifications about this bug go to: https://bugs.launchpad.net/mahara/+bug/1951263/+subscriptions _______________________________________________ Mailing list: https://launchpad.net/~mahara-contributors Post to : [email protected] Unsubscribe : https://launchpad.net/~mahara-contributors More help : https://help.launchpad.net/ListHelp
