Front-end style guide: Difference between revisions

Content added Content deleted
imported>Eeshangarg
imported>Eeshangarg
Line 130: Line 130:
While working on Issue 958 <https://openhatch.org/bugs/issue958>, it was found that in the hints for training missions, the "low" hint sometimes had trouble laying out its child elements properly due to the CSS properties of its parent div and this caused the "low" hints to display weirdly. To fix this issue, a new CSS property for '#low' was added to mysite/static/css/missions/base.css. However, here are some guidelines for how to phrase things when editing the training mission hints:
While working on Issue 958 <https://openhatch.org/bugs/issue958>, it was found that in the hints for training missions, the "low" hint sometimes had trouble laying out its child elements properly due to the CSS properties of its parent div and this caused the "low" hints to display weirdly. To fix this issue, a new CSS property for '#low' was added to mysite/static/css/missions/base.css. However, here are some guidelines for how to phrase things when editing the training mission hints:


The first sentence of a training mission hint should be a paragraph(p tag).
The first sentence of a training mission hint should be a paragraph (p tag).


The first sentence of a training mission hint should be a full sentence, where a full sentence starts with a capital letter and ends with a period.
The first sentence of a training mission hint should be a full sentence, where a full sentence starts with a capital letter and ends with a period.