• Check out the results of the Techtree Contest #19!
  • 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.
  • Create a void inspired texture for Warcraft 3 and enter Hive's 34th Texturing Contest: Void! Click here to enter!
  • The Hive's 22nd Icon Contest: Creep Abilities is now concluded, time to vote for your favourite set of icons! Click here to vote!

Resources have a different CSS style, breaking WYSIWYG editor

Status
Not open for further replies.
Level 23
Joined
Jan 3, 2022
Messages
498
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
 
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.
Back
Top