Moodle Community Sites

CSS style for 'quote' and 'q' elements is empty in the new moodle.org theme

Details

  • Type: Bug Bug
  • Status: Resolved Resolved
  • Priority: Minor Minor
  • Resolution: Fixed
  • Component/s: moodle.org
  • Labels:
    None

Description

The new moodle.org theme has an empty style for the 'quote' and 'q' elements. This makes the quotes indistinguishables from the main text, which can lead to confusion for those reading the forum messages from the web.

In the previous theme, the quote element had some left margin that visually marked it.

Saludos. Iñaki.

Activity

Ascending order - Click to sort in descending order
Hide
Permalink
Helen Foster added a comment -

Iñaki, thanks for your report.

Reassigning to Martin.

Show
Helen Foster added a comment - Iñaki, thanks for your report. Reassigning to Martin.
Hide
Permalink
Alan Trick added a comment -

This should be blockquote, not quote or q, those are inline level elements (and don't have margins).

Show
Alan Trick added a comment - This should be blockquote, not quote or q, those are inline level elements (and don't have margins).
Hide
Permalink
Martin Dougiamas added a comment -

Fixed using Patrick's code, thanks!

blockquote {
margin-left: 35px;
padding-left:5px;
border-left:2px solid #ffe39d;
color:#555;
}

Show
Martin Dougiamas added a comment - Fixed using Patrick's code, thanks! blockquote { margin-left: 35px; padding-left:5px; border-left:2px solid #ffe39d; color:#555; }
Hide
Permalink
Patrick Malley added a comment -

Unfortunately, something else needs to be added to the CSS. The blockquote isn't keeping the paragraph top and bottom margins as I thought it world.

This should be:

blockquote { margin:1em 0 1em 35px; padding-left:5px; border-left:2px solid #ffe39d; color:#555; }

Show
Patrick Malley added a comment - Unfortunately, something else needs to be added to the CSS. The blockquote isn't keeping the paragraph top and bottom margins as I thought it world. This should be: blockquote { margin:1em 0 1em 35px; padding-left:5px; border-left:2px solid #ffe39d; color:#555; }

People

Vote (4)
Watch (2)

Dates

  • Created:
    Updated:
    Resolved:
Atlassian JIRA (v4.4.3#663-r165197) | Report a problem
Powered by a free Atlassian JIRA open source license for Moodle. Try JIRA - bug tracking software for your team.