Gridstack: Reduce empty space inside blocks

Bug #1894595 reported by Cecilia Vela Gurovic
This bug affects 2 people
Affects Status Importance Assigned to Milestone

Bug Description

There are some cases when there is a lot of blank space inside the lower part of a block. This can happen when
- you resize the browser window
- we have side blocks (e.g. a group's 'About' page) that reduce the width of the content compared to what it looks like in edit mode
- the content of the block is bigger when viewed in edit mode than it is when viewed in display mode, e.g. due to side blocks or when there is no block title to display

We would need to check how to deal with this problem for each blocktype.

Image blocks should remove the empty space every time the content is resized, but blocks that display many items that require pagination shouldn't be changed when reaching the last page and the content is not as large as the first page.
We would also need a way to flag this type of block, i.e. the one with pagination, to the javascript function that will deal with the empty space in the block, for example render the block with a special class or property. Per default, the height should adjust to the content displayed automatically no matter whether in edit or display mode. The exception / flag will be set for the small number of blocks where that shouldn't happen, e.g. potentially the journal block with journal entries shown, the PDF block.

Changed in mahara:
status: New → Confirmed
importance: Undecided → High
milestone: none → 21.04.0
Changed in mahara:
milestone: 21.04.0 → 21.10.0
Robert Lyon (robertl-9)
Changed in mahara:
milestone: 21.10.0 → 22.04.0
summary: - Reduce empty space inside blocks
+ Gridstack: Reduce empty space inside blocks
To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers