x
This website is using cookies. We use cookies to ensure that we give you the best experience on our website. More info. That's Fine
HPC:Factor Logo 
 
Latest Forum Activity

[code] tag on mobile devices

astrosynthesist Page Icon Posted 2020-01-14 2:32 PM
#
Avatar image of astrosynthesist
Factorite (Junior)

Posts:
42
Location:
Canada
Status:
Hello,

I was just browsing my previous thread where I made an ASCII table to show pinouts and I noted on my phone it does not align properly. In other words it appears that text within the "code" tags does not use monospace font on mobile.

Tested on Firefox for Android v 68.3.0, Android 8.0.0, screen resolution 360 x 640 (both orientations).

Also does not display monospace font if I check "Request Desktop Site".



Edited by astrosynthesist 2020-01-14 2:35 PM
 Top of the page Quote Reply
C:Amie Page Icon Posted 2020-01-14 3:14 PM
#
Avatar image of C:Amie
Administrator
H/PC Oracle

Posts:
17,952
Location:
United Kingdom
Status:
I thought it was using 'Console' and had CSS backing for ensure it was columnated... hmm.
 Top of the page Quote Reply
C:Amie Page Icon Posted 2020-01-16 12:16 PM
#
Avatar image of C:Amie
Administrator
H/PC Oracle

Posts:
17,952
Location:
United Kingdom
Status:
I have changed the type face order around and added system in as well before the specific Windows fall back definitions. Has that helped?

test
 Top of the page Quote Reply
astrosynthesist Page Icon Posted 2020-01-17 6:50 AM
#
Avatar image of astrosynthesist
Factorite (Junior)

Posts:
42
Location:
Canada
Status:
Unfortunately, it has not helped.
 Top of the page Quote Reply
C:Amie Page Icon Posted 2020-01-17 9:48 AM
#
Avatar image of C:Amie
Administrator
H/PC Oracle

Posts:
17,952
Location:
United Kingdom
Status:
This is what I'm getting. It would seem to suggest that your browser is lacking some CSS compatibility as the code tag is implemented in pure CSS.

Firefox on the desktop is just fine though :S


Or may be you have an old cached version of the style sheet still? Can you try doing a cache flush?




(Screenshot_20200117-094523_Samsung Internet.jpg)



Attachments
----------------
Attachments Screenshot_20200117-094523_Samsung Internet.jpg (579KB - 0 downloads)
 Top of the page Quote Reply
astrosynthesist Page Icon Posted 2020-01-17 3:48 PM
#
Avatar image of astrosynthesist
Factorite (Junior)

Posts:
42
Location:
Canada
Status:
I will use debug mode on Firefox mobile when I have a chance. I cleared the cache, fully updated it, and it still isn't grabbing the font.
 Top of the page Quote Reply
C:Amie Page Icon Posted 2020-01-17 5:01 PM
#
Avatar image of C:Amie
Administrator
H/PC Oracle

Posts:
17,952
Location:
United Kingdom
Status:
Curious!!
 Top of the page Quote Reply
astrosynthesist Page Icon Posted 2020-01-17 6:40 PM
#
Avatar image of astrosynthesist
Factorite (Junior)

Posts:
42
Location:
Canada
Status:
In template.css line 617:
.forum-markup-codesample  {  
	font-size:1.0em!important;  
font-style: italic;
color: #0033CC;
border: 1px #000066 dashed;
background-color: #F5FBFE;
margin-top: 16px;
margin-right: 16px;
margin-bottom: 16px;
margin-left: 16px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-family: mono, console, system, "Courier New", Courier;
white-space: pre;
line-height: 1.5em;
overflow: auto;
word-wrap: break-word;
max-width: 90%;
box-sizing: border-box;
}


Removing "font-family" entirely fixes the problem on my phone (the only way I can find). (I also personally would remove the font-style italic tag but that's just me). Removing it on my desktop causes the font to appear slightly smaller, but otherwise no ill-effects. On my desktop only, removing "mono, console, system, "Courier New,"" and leaving "Courier;" visibly changes nothing.
 Top of the page Quote Reply
C:Amie Page Icon Posted 2020-01-18 12:00 PM
#
Avatar image of C:Amie
Administrator
H/PC Oracle

Posts:
17,952
Location:
United Kingdom
Status:
I've made the edit as requested, however I suggest reporting it to Mozilla as rewriting us to suit a web browser was supposed to be something that ended in the last decade.
 Top of the page Quote Reply
astrosynthesist Page Icon Posted 2020-01-18 10:42 PM
#
Avatar image of astrosynthesist
Factorite (Junior)

Posts:
42
Location:
Canada
Status:
Thank you! I agree with you. I will try and figure out how to submit a bug report to them.
 Top of the page Quote Reply
Jump to forum:
Seconds to generate: 0.187 - Cached queries : 67 - Executed queries : 10