Change the page header area

Bug #1815829 reported by Kristina Hoeppner on 2019-02-13
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Mahara
Wishlist
Cecilia Vela Gurovic

Bug Description

A while ago, we posted a proposal for making changes to the page look at https://wiki.mahara.org/wiki/Developer_Area/Specifications_in_Development/Page_layout_revision

As first task (for Mahara 19.04), we are going to change the page header area to draw more attention to the page title, allow for space to have a banner background behind the collection and page titles and to de-emphasize the action buttons without losing them.

Future plans involve adding an "Assessment" mode, but that will be tackled for Mahara 19.10. We will also leave all metadata where it is for the time being, i.e. not remove the "Details" links.

The changes right now are:

- Allow for a full-width page header container so that a background color can go across the entire screen. The actual page width is still capped (important for large screens).
- The action buttons reside at the right edge of the screen and stay put as the page is scrolled.
- For the time being, the header background color is set in the theme. In a future phase (post 19.04), it can be set in the page settings and an image could also be uploaded for this area (we'd need to ensure that it can either be cropped or moved for best results etc.).

Note: The buttons on the right-hand side would have tool tips with their actions as words to help let people know what they mean (and also have screenreader text).

description: updated
Changed in mahara:
status: Confirmed → In Progress
Mahara Bot (dev-mahara) wrote :

Patch for "master" branch: https://reviews.mahara.org/9598

Mahara Bot (dev-mahara) wrote :

Patch for "master" branch: https://reviews.mahara.org/9653

Mahara Bot (dev-mahara) wrote :

Reviewed: https://reviews.mahara.org/9598
Committed: https://git.mahara.org/mahara/mahara/commit/a6f4205430ae6bf1c1f7b9323126c638f7d5386f
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit a6f4205430ae6bf1c1f7b9323126c638f7d5386f
Author: Evonne Cheung <email address hidden>
Date: Fri Feb 22 15:54:40 2019 +1300

Bug 1815829: Add styling to the new page header area

behatnotneeded

Change-Id: I0d5c7a3139b521e4b3b4c6e2a4488ba4b2c480a3

Reviewed: https://reviews.mahara.org/9567
Committed: https://git.mahara.org/mahara/mahara/commit/7adb6e3b1ddb74294330d3ce86e8c5f2589a0883
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit 7adb6e3b1ddb74294330d3ce86e8c5f2589a0883
Author: Cecilia Vela Gurovic <email address hidden>
Date: Fri Feb 15 10:26:05 2019 +1300

Bug 1815829: Move page/collection title outside main content

and move page action buttons (edit, copy, etc)
outside main content too

the collection/page heading is now place inside a div container
with class .pageheader for styling
and the action buttons are placed inside a div container with
class .pageactions

moved profile page/SmartEvidence matrix title outside
page content

behatnotneeded

Change-Id: If79a6c0b6ac8234586f13df855eeebe8f64f1f4c

Mahara Bot (dev-mahara) wrote :

Reviewed: https://reviews.mahara.org/9653
Committed: https://git.mahara.org/mahara/mahara/commit/f80f6c19df4a31e30dbbb3324fca1e19ed33d758
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit f80f6c19df4a31e30dbbb3324fca1e19ed33d758
Author: Robert Lyon <email address hidden>
Date: Sun Mar 24 09:46:13 2019 +1300

Bug 1815829: Adding link titles to the page/profile action links

To make easier to know what the links do

behatnotneeded

Change-Id: Id436d852ce8e5adf176f4ef076a9278c315e885b
Signed-off-by: Robert Lyon <email address hidden>

Robert Lyon (robertl-9) on 2019-03-23
Changed in mahara:
status: In Progress → Fix Committed
tags: added: nominatedfeature
Changed in mahara:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  Edit
Everyone can see this information.

Other bug subscribers

Bug attachments