ElkArte Community

Elk Development => Bug Reports => Exterminated Bugs => Topic started by: CrimeS on April 17, 2016, 04:15:52 am

Title: No Icons in small screens view
Post by: CrimeS on April 17, 2016, 04:15:52 am
I don't have icons at all  8)
Title: Re: No Icons in small screens view
Post by: Antechinus on April 17, 2016, 04:41:49 am
Might have to update my userContent.css for my browser. ;)
Title: Re: No Icons in small screens view
Post by: emanuele on April 17, 2016, 05:41:57 am
@CrimeS what browser?
Title: Re: No Icons in small screens view
Post by: CrimeS on April 17, 2016, 06:39:16 am
Android -> Chrome

It seems not to work, only on Be Social variant. Other (stock samsung) browser has the same behaviour.
Title: Re: No Icons in small screens view
Post by: meetdilip on April 17, 2016, 09:34:15 am
Working fine for me on Chrome for mobile.
Title: Re: No Icons in small screens view
Post by: Frenzie on April 17, 2016, 09:37:55 am
It's not working on any browser engine. It's Be Social that's broken, while the Light is alright. Should be easy to fix up but I won't be looking at it today. ;)
Title: Re: No Icons in small screens view
Post by: meetdilip on April 17, 2016, 09:39:14 am
Update :

I was checking on " light ". @CrimeS  is right, no icons in " social " in mobile view.
Title: Re: No Icons in small screens view
Post by: emanuele on April 20, 2016, 06:43:28 pm
Mostly fixed.
Some tweaks still needed (i.e. color of the unread/unreadreplies icon), but it's tracked.
Title: Re: No Icons in small screens view
Post by: radu81 on June 06, 2016, 07:07:30 pm
I broke my phone and for a few days I'm using the old Galaxy Nexus, in the last days icons were fine on this phone but now I see huge buttons. I attach a couple of screenshots. I'm using stock browser included into android 4.4

P.s don't know why but I cannot upload files from this phone
Title: Re: No Icons in small screens view
Post by: CrimeS on June 07, 2016, 02:50:29 am
You mean this (attachment)? It happened 2 days ago after E was updating the site
Title: Re: No Icons in small screens view
Post by: radu81 on June 07, 2016, 02:53:42 am
Yep, this one, thanks Crimes
Title: Re: No Icons in small screens view
Post by: Jorin on June 07, 2016, 02:58:50 am
The breadcrump (Correct word?) should look different on the small screen. Or do you know what "Exter..." oder "Elk D..." means? Of course you know, but think of boards with more categories and many more boards... Could be difficult to know where you are then.

Maybe this kind of structure could be better?

Elk Development
--- Bug Reports
----- Exterminated Bugs
------- No Icons in small screen  views

Needs a bit more space, but is much more informative.
Title: Re: No Icons in small screens view
Post by: Spuds on June 11, 2016, 07:36:58 pm
I agree the current breadcrumb for small screens is bad ... you get 4 characters or something like that which is pretty much of no use.  I'm not sure what the correct solution is though.  Maybe a pulldown instead would be the best.
Title: Re: No Icons in small screens view
Post by: emanuele on June 12, 2016, 07:47:32 am
Maybe something like:
Code: [Select]
.navigate_section {
    display: flex;
    flex-direction: row;
}
.linktree:first-child {
        flex-grow: 0;
}
@media screen and (max-width: 33.75em) {
ul.navigate_section li:not(:first-child):not(:last-child) a {
    width: auto;
}
}
@media screen and (max-width: 33.75em) {
.linktree:first-child {
     display: none;
}
}
In other words: hide the last child (the one you are in), and make the container display:flex so that it takes care of adapting each element to the width without too much hassles?
Title: Re: No Icons in small screens view
Post by: Frenzie on June 13, 2016, 02:14:43 am
Huh, I didn't know IE 13 properly supports flexbox (http://caniuse.com/#feat=flexbox).