mahara-contributors team mailing list archive

[Kristina Hoeppner <1479679@xxxxxxxxxxxxxxxxxx>]

P.S. Actually, even Bootstrap offers grid layouts:
http://getbootstrap.com/2.3.2/scaffolding.html and
http://getbootstrap.com/examples/grid/ for example. Though maybe these
are a bit more limited?

-- 
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:
  Confirmed

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