Webinterface menue in 2 rows after update
-
I created https://redmine.pfsense.org/issues/3842 with the correct and relevant information. That should let us dial in and test a fix a lot easier.
-
aye,
firewall-reboot didn't fix it,
subsequent laptop-reboot didn't fix it.BUT REMOVING ttf-mscorefonts-installer FIXED it!!!!
There ya go!
Now, thing is, having verdana on the system makes some sense if you exchange .docs.
I can live with that for the moment, but i think it needs fixing.
-
http://en.wikipedia.org/wiki/Core_fonts_for_the_Web
These should be the ones tested for on every major OS and 3-4 major browsers.
-
Removing Verdana from our list of fonts in CSS is probably the best fix. In other threads, people have said that has also been enough to make it render properly.
-
Find "#navigation" in /usr/local/www/themes/pfsense_ng/all.css
Change from
width: 750px;
TO
width: 950px;So it reads like:
#navigation {
position: fixed;
top: 0px;
left: 100px;
width: 950px;
padding: 0px;
height: 28px;
z-index: 3;
}
Reload the browser css or alt-f5 to clear cache
Not the prettiest, however prettier than it started. -
Ah this now makes sense. I have not added the mscorefonts package on any machine I have here and have had no issues other than having to initially refresh the page. Three boxes running Xubuntu 14.04, firefox 31, different resolutions. Using 'inspect element' the menu headers seem to be rendering with Liberation Sans.
Steve
-
Just for the LULZ:
I installed a fresh i386 PCBSD (9.1) today, opened the browser and had the issue with the "HELP" over "General" menu… No caching involved, definitely...
-
See above, re: Which of the fonts mentioned are present on your system?
-
No page for 9.1 but for 9.2:
@http://wiki.pcbsd.org/index.php/Java:PC-BSD installs Microsoft TrueType fonts for you which includes the Times New Roman, Courier New, Georgia, Trebuchet MS, Comic Sans MS Arial, Arial Black, Verdana, Andale Mono, and Impact fonts.
Steve
-
The systems comes with Konqueror 4.9.3, font used is Bitstream Vera (changing to Arial doesn't help).
Installing Firefox (21 is apparently the latest available…) uses sans-serif 18 and produces the problem, changing to Arial resolves the issue.
-
The suggested fix would not help in that particular case then. Using a browser other than Konqueror seems like an acceptable workaround for now at least. I don't know what percentage of pfSense users also use Konqueror on PC-BSD but it's probably quite small. ;)
Steve
-
-
…its on a Dell Precision M with 1920 x 1200 (over 10 years old).
-
@chemlud:
…its on a Dell Precision M with 1920 x 1200 (over 10 years old).
The HW is not at fault, the 750px menu design (and the GUI with loads of non-valid HTML tables) made for 20 years old monitors is.
-
I don't think even that is a problem. I have machines here that are 1024x768 and the dashboard fits no problem, there's still space for more headings. Though I agree, when a few pixels makes the difference it indicates a deeper problem. A redesigned gui would not necessarily be compromised by fitting a low resolution target IMHO.
Even though, yes, almost everyone has a higher resolution display these days it really annoys me when I visit a site that's been needlessly fixed to width that doesn't fit on my display. Almost as much as endless scroll. ;)Steve
-
I agree that if the UI is cutting spacing so close to the edge that the choice of font causes this issue, then there is a deeper problem that needs to be addressed here. Simply removing one of the potential fonts from the CSS isn't going to fix this for everyone. Eventually someone will come along who has a system that chooses Veranda or some other slightly larger font to satisfy the sans-serif fall back in the CSS (which should work fine as far as the browser is concerned) and it will trigger this issue again. The main menu is a critcial enough part of the UI that is should work fine regardless of font choice, at least among some subset of standardized web-friendly fonts like http://en.wikipedia.org/wiki/Core_fonts_for_the_Web.
-
My resolution is 1920 x1080….............I have the Help header fold over the System tab in Firefox on the default and any of the other Top Bar's......The Wall is the only one I can rely on Firefox.............I had to Open in IE to even be able to open and change it.............
But then I have been having this issue since 2.1.3 (my first install of PFsense)......I don't think it is an issue with just this release..But I would agree that rewriting it to allow resizing with various fonts and size's would be very nice.........some of us have to, well "Enlarge" the print font to overcome the eyesight "aging factor" as squiting to try and focus on small fonts can cause one (who sometimes refuses to admit the eyesight is failing >:() to click on the ....well...you know.....wrong things :-[ :-[
This happen's in FireFox........in IE 11 I don't have the issue, but then again in IE I can't reset default font size...seems it is only with FireFox (31).
-
My resolution is 1920 x1080….............I have the Help header fold over the System tab in Firefox on the default and any of the other Top Bar's......The Wall is the only one I can rely on Firefox.............I had to Open in IE to even be able to open and change it.............
Just a hint for really desperate people: if you view the source code in browser, it has all the System menu links clickable and working. ::)
-
My resolution is 1920 x1080….............I have the Help header fold over the System tab in Firefox on the default and any of the other Top Bar's......The Wall is the only one I can rely on Firefox.............I had to Open in IE to even be able to open and change it.............
Just a hint for really desperate people: if you view the source code in browser, it has all the System menu links clickable and working. ::)
;) ;)I like sneaky Indian trick's. Hadn't thought of that. Only reason I keep IE around (other than you can't get rid of it) is for those Web sites that Just won't work with out it.
-
Can always set the user agent to a that of a mobile device, like android, and get the mobile theme with menus vertically down the side. No problem with font width there. Means you can access the webgui even if you can't otherwise reach the 'general' menu to change the theme.
The Firefox addon 'user agent overrider' works great.Steve