• Listen to a special audio message from Bill Roper to the Hive Workshop community (Bill is a former Vice President of Blizzard Entertainment, Producer, Designer, Musician, Voice Actor) 🔗Click here to hear his message!
  • Read Evilhog's interview with Gregory Alper, the original composer of the music for WarCraft: Orcs & Humans 🔗Click here to read the full interview.

Resources have a different CSS style, breaking WYSIWYG editor

Status
Not open for further replies.
Level 21
Joined
Jan 3, 2022
Messages
366
I expected the Resource page to look exactly like in the editor, but it looks awful instead because the headings are not as bold as they should be, deviating from the editor preview.

preview-vs-editor.png
 
Level 21
Joined
Jan 3, 2022
Messages
366
Comparing both pages in devtools for a h4 element:
What optionEditor Preview (expected)Resources view (actual)
font-familycss.php:7
Best Match .fr-box.fr-basic .fr-element
(overrides css.php:26)
html
(css.php:26)
font-weighth4
(browsers default for h4? says "element")

Best Match .ratory h4
(css.php:39)
margin-top, margin-bottom.fr-view h4: 0.5em
(css.php:7)
.ratory h4: 0px
(css.php:39)

PS: And nobody noticed. Ergo: most designers' job it is to justify their presence at a company, because the majority of people does not care.

test heading 1​

test heading 2​

test heading 3​

PPS: The css is correct here
 
Status
Not open for further replies.
Top