Styling issue when viewing exported page with Maroon theme in browser

Bug #1969549 reported by Dianne Tennent
6
This bug affects 1 person
Affects Status Importance Assigned to Milestone
Mahara
Fix Released
Medium
Evonne Cheung

Bug Description

Tested in Firefox with MySQL8 and the Maroon theme

Test steps: HTML export
------------------------
1) Create a page with page instructions and a text block.
2) Export the page and save the file to your computer.
3) Extract the archive and open the index.html page in a browser.

Problems:
 - page heading is aligned diagonally with the header
 - Information in the footer "Export generated for [Name of the person] on 20 April 2022, 14:47, from their portfolio at Mahara" is not readable due to almost zero contrast ratio

See attached screenshot

Tags: front-end
Revision history for this message
Dianne Tennent (dianne-t) wrote :
description: updated
summary: - Styling issue when viewing exported page in browser
+ Styling issue when viewing exported page with Maroon theme in browser
Changed in mahara:
importance: Undecided → Medium
Revision history for this message
Kristina Hoeppner (kris-hoeppner) wrote :

That only seems to be a problem in the 'Maroon' theme where we have slanted images. The other themes do not have a footer colour. Maybe leave it off for 'Maroon' as well?

Attached is an export file that exhibits the issue. It can be imported into Mahara as it also contains the Leap2A export.

Revision history for this message
Kristina Hoeppner (kris-hoeppner) wrote :
Changed in mahara:
status: New → Confirmed
assignee: nobody → Evonne Cheung (evonne)
milestone: none → 22.10.0
tags: added: front-end
Revision history for this message
Mahara Bot (dev-mahara) wrote : A patch has been submitted for review
Revision history for this message
Mahara Bot (dev-mahara) wrote : A change has been merged

Reviewed: https://reviews.mahara.org/c/mahara/+/12677
Committed: https://git.mahara.org/mahara/mahara/commit/d76a72c7aebdd8f56abab13d110053f2a65a6861
Submitter: "Robert Lyon <email address hidden>"
Branch: main

commit d76a72c7aebdd8f56abab13d110053f2a65a6861
Author: Evonne <email address hidden>
Date: Tue May 3 10:55:41 2022 +1200

Bug 1969549 Maroon export view styling

Added in new template to reflect different markup for Maroon
pageheader. Corrected the footer styling to ultilise existing
styles and have better contrast.

Also fixed center alignment of collection nav dropdown to now
align left. And removed hidden overflow so longer dropdown lists
won't be cut off by the bottom slant in pageheader.

behatnotneeded

Change-Id: I4f731129b9fa8132f16d6c5c3474e924f99f981b

Robert Lyon (robertl-9)
Changed in mahara:
status: Confirmed → Fix Committed
Doris Tam (doristam)
Changed in mahara:
status: Fix Committed → Fix Released
To post a comment you must log in.
This report contains Public information  
Everyone can see this information.

Other bug subscribers

Remote bug watches

Bug watches keep track of this bug in other bug trackers.