mahara-contributors team mailing list archive

[Gordon McLeod <1479679@xxxxxxxxxxxxxxxxxx>]

Public bug reported:

I've presented this visually with screenshots on this Mahara page - https://mahara.org/user/learntribe/screenshots2
When reflowing blocks (in this case images in textboxes that are used as hyperlinked icons) there is an issue with how the blocks display. When using a multi-column, multi-row layout and shrinking the screen size until the layout reflows from 3 columns to 2 columns, as much of the content as possible is squeezed onto the first column, and the blocks on the second column appear to be evenly distributed to the same height as the first column (leaving gaps between them).

Ideally the content should distribute evenly so that (if equally sized)
half of the blocks are in the first column and the others are in the
second column. If not of the same height they should display as evenly
as possible according to total height of the blocks in sequence - from a
mobile perspective this makes better use of visible space than a longer
first column does. The rows should also be vertically top-aligned with
each block positioned under the previous so there isn't a gap between
the blocks in the second row, which makes it look as if spacing is
justified vertically.

Regards, Gordon.

** Affects: mahara
     Importance: Undecided
         Status: New

-- 
You received this bug notification because you are a member of Mahara
Contributors, which is subscribed to Mahara.
Matching subscriptions: Subscription for all Mahara Contributors -- please ask on #mahara-dev or mahara.org forum before editing or unsubscribing it!
https://bugs.launchpad.net/bugs/1479679

Title:
  Reflow display leaves gaps between blocks

Status in Mahara:
  New

Bug description:
  I've presented this visually with screenshots on this Mahara page - https://mahara.org/user/learntribe/screenshots2
  When reflowing blocks (in this case images in textboxes that are used as hyperlinked icons) there is an issue with how the blocks display. When using a multi-column, multi-row layout and shrinking the screen size until the layout reflows from 3 columns to 2 columns, as much of the content as possible is squeezed onto the first column, and the blocks on the second column appear to be evenly distributed to the same height as the first column (leaving gaps between them).

  Ideally the content should distribute evenly so that (if equally
  sized) half of the blocks are in the first column and the others are
  in the second column. If not of the same height they should display as
  evenly as possible according to total height of the blocks in sequence
  - from a mobile perspective this makes better use of visible space
  than a longer first column does. The rows should also be vertically
  top-aligned with each block positioned under the previous so there
  isn't a gap between the blocks in the second row, which makes it look
  as if spacing is justified vertically.

  Regards, Gordon.

To manage notifications about this bug go to:
https://bugs.launchpad.net/mahara/+bug/1479679/+subscriptions