Hello!
My screen is not tiny, but it is not very big at all. ;)
At the moment I can hardly read the small font in forum, because I have to zoom in browser to 90% to see the buttons like this.
If I don't zoom, the buttons look like this, wich is confusing me.
What is the exact resolution of the screen? 1024xsomething?
I am not sure, Emanuele, sorry.
I think it is 1255 width? (edit: see the screenshot, it is 1280 x 1024)
Before I had seen the forum proper.
O_o
What browser are you using?
The "toggle" between names and icons should be 1024 pixels, but probably there is some other factor weighting in...
I am using opera.
I will make a try with firefox.
Edit: It is the same in firefox.
Does it still look like that with your browser window maximized?
What you are seeing are the mobile icons but they should not be occurring at your screen resolutions.
What do you mean by "maximized", Spuds?
I see the mobile icons if I don't zoom to 90 % in browser. If I use 100% or zoom to 110 % or more, they will stay.
It will also not change if I change the size on my desktop from "smaller" -100 % to "middle" - 125 %. I will get the same result in browser: If I can read everything, I will see the mobile icons.
I think I have to try another screen resolution or buy better glasses. ;) 8)
LOL ... I'm thankful everyday for hi index glasses :D
Maximize ... the opposite of Minimize ... that square box icon in the top right of the browser window, next to the red x for close the window and the - for minimize. I just want to make sure your browser window is a large as possible (but don't use zoom). Really what you are seeing should not be happening and I can't think of what changed in 1.1 that would cause this.
Maybe "refresh" the browser, press ctrl + F5 and see if that fixes anything.
Thank you, Spuds.
I have tried this, but nothing has changed.
Potentially interesting thing: your 90% is (still) slightly bigger than my 100% in terms of pixels.
No need to change anything on your side, let's first find the problem and understand if there is a solution.
One thing I came up with (but I have to verify) is that you may be using a "system wide" (i.e. set at the level of the operating system) font size bigger than "normal" (i.e. 125% for example).
Being most of the sizes in ElkArte based on em (and so based off the size of the font), this may trick the browser making triggering the "wrong" media query.
Later I'll switch on the windows machine and I'll test it out. ;)
One thing, though, in general, I feel 1024 for the first "step" seems to me still too big, I have a laptop with a 1024 screen and I don't really like have certain informations hidden just like I was on a mobile thingy.
Emanuele, maybe it is just my old, small screen, O:-) why I can't see the forum proper. The width of my screen is 34 cm.
I am used to zoom all the time in browser, because I would not see the number of posts and topics in the boards, if I don't zoom to 90%. It is the same in each ElkArte-Forum, that I know.
It is not this important, I need not to see the number of posts and topics all the time. So after I had a look at it, I always change back to 100% to get a larger font-size again, wich is better to read for my poor old eyes. ;)
What I'm trying to explain is that the size of your screen should show the forum "normally" like it does on mine. If it doesn't (and it doesn't in your experience) there is a reason. If we can find that reason we can understand what the problem is.
Did this start to happen after the upgrade or were you using the zoom trick even before?
I had always to zoom before the upgrade, yes. Otherwise I did not see the number of posts and topics in the boards.
But that I see the mobile icons, if I don't zoom, happened after the upgrade.
What does your window.innerWidth say? (Right click, inspect somewhere, press Escape to bring up the console, and type that.)
It says 1024 x 724
Yes, after testing it out, I think I can confirm it's the effect of setting a 125% zoom at the OS (Windows) level.
So, to sum it up, you have your Windows machine set up to show anything zoomed at 125%, your screen is 1255px wide, and the zoom set makes the browser think it's only 1024 forcing the media query to kick in and change stuff the "mobile" way.
I'm not sure what would be the cleanest way to fix this behaviour, I'm not even sure changing the media limits from being expressed in em to px would fix it...
But it will stay the same to me if the setting is not 125 % on the windows level. At the moment it is 100 %. (see screenshot)
100 % or 110% zoom in browser will show me the forum completly and without mobile icons. ( but he font is very tiny)
If I zoom to 125 % in browser, I will see the mobile icons again.
It is always the same result.
It wouldn't and shouldn't. However, imo the switch from text to icons happens far too early.
I don't know, what to do. Most oft our Users are over the age of 70. I have tried to make the font-sizes as large as possible for them. It was difficult to manage this with my screen, because I had always to zoom in and out... and to guess, how the forum will look like for them. ::)
Tomorrow I will meet a friend, her screen ist larger than mine, so I can try about the font-sizes again.
But I think, that most of our Users have got a bigger Screen than mine. So maybe this is just my problem, about the width of the forum and in future this "toggling" to the mobile icons.
I also have a forum that has many users over 70 :)
When I first updated to Elk I heard from them about a) contrast and b) font size ... I increased both and that really helped. So I agree that we should increase them, and, at least in my case, it only took a small tweak to both to really make an improvement for them.
I'm still not sure why you are seeing the menu icons, but we will get it fixed, several of the changes we made were to improve accessibility in 1.1 final, we are just not there yet.
mhh, maybe we should switch by device type (PC, tablet, smartphone) instead of screen resolution? I'd personally favour icons instead of text on touch devices, independent from the screen resolution.
Not me. My phone in landscape is actually one of the scenarios I was thinking of. Heh. :P
agreed, I personally use my devices (tablet, phone) rarely in landscape mode ;) .. I believe this would be best as a user option..
/me wonders if just use the classic hamburger and be done with it wouldn't be a "better" solution than icons...
Nah, that's less elegant than what I proposed on GitHub. ;)
The only minor problem is that there are three extremely similar looking icons. What happened to the envelope?
Think it was because I didn't want to get it confused with the e-mail elements.
Suggestions are welcome, the unreadreplies pair were some very tired choices on my part. I took a break for a reason.
I suppose it is slightly inconsistent in 1.0 between the user profile and the top menu. What if the new posts were some kind of document icon to be consistent with the topic icon?
https://github.com/Templarian/WindowsIcons/blob/master/WindowsPhone/svg/appbar.page.bold.svg
Here are some other related ideas for inspiration
https://github.com/Templarian/WindowsIcons/blob/master/WindowsPhone/svg/appbar.newspaper.svg
https://github.com/Templarian/WindowsIcons/blob/master/WindowsPhone/svg/appbar.notification.above.svg
https://github.com/Templarian/WindowsIcons/blob/master/WindowsPhone/svg/appbar.notification.above.multiple.svg
(Yeah, yeah, not Font Awesome, sue me. :P)
Not sure, if this is the correct topic, because it has nothing to do with the upgrade here and the too early "toggling" to the mobile icons for me.
But I want to say this:
All ElkArte-Forums, that I know, are using % for the width of their wrapper (for example, here it is 92%, in my forum it is 99% at the moment).
If there would be a width in Pixel (for example about 990 px, wich looks nearly the same as 98% to me), it would never be possible for me to see the number of posts in a board.
To zoom in and out in browser to see or hide the infomations on the right side of the forum is not working, if the wrapper has got a width in px. So, if you want to be friendly to users with small screens, you should always use %. ;)