SimplePortal

SimplePortal => Site Discussion => Topic started by: emanuele on October 20, 2016, 05:34:29 AM

Title: Code blocks font size
Post by: emanuele on October 20, 2016, 05:34:29 AM

I'm not sure if it a problem with linux, firefox or the markup of the code blocks.

What I observed is that the font size of the text in code blocks in firefox is smaller than in chrome (the only two different browsers I was able to test).
Digging a bit, it looks like that Chrome doesn't have a <pre> around the <code> tag, while firefox has one:

Code: (firefox) [Select]

<pre style="margin: 0; padding: 0;"><code class="bbc_code">

Code: (chrome) [Select]

<code class="bbc_code">This <pre> tag is apparently the cause of the smaller font size, even though I'm not sure how it is responsible (maybe a browser-specific style sheet? Dunno.), removing it from firebug the font size returns to "normal".

Would it be possible to add a:

Code: [Select]

.post .inner pre {font-size: 125%;}to the custom.css of this site?  :angel:
I feel like removing the pre tag would be a bit too drastic (it may be necessary for other reasons...).

In the attached image on the left there is Chrome, on the right firefox.

Title: Re: Code blocks font size
Post by: [SiNaN] on January 03, 2017, 01:45:36 PM

Sorry for the very delayed response.

I finally got around to applying this fix.

Title: Re: Code blocks font size
Post by: emanuele on January 08, 2017, 05:07:23 PM

Dooon't woooorry!
Thanks, now I can read code! YAY! :D