Skip to main content ↑ ↓
Topic: No Icons in small screens view (Read 3578 times) previous topic - next topic - Topic derived from Elkarte Light 1.1 - No Icon f...
0 Members and 1 Guest are viewing this topic.

Re: No Icons in small screens view

Reply #1 –

Might have to update my userContent.css for my browser. ;)
Master of Expletives: Now with improved family f@&king friendliness! :D

Sources code: making easy front end changes difficult since 1873. :P

Re: No Icons in small screens view

Reply #2 –

@CrimeS what browser?
Bugs creator.
Features destroyer.
Template killer.

Re: No Icons in small screens view

Reply #3 –

Android -> Chrome

It seems not to work, only on Be Social variant. Other (stock samsung) browser has the same behaviour.

Re: No Icons in small screens view

Reply #4 –

Working fine for me on Chrome for mobile.

Re: No Icons in small screens view

Reply #5 –

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. ;)

Re: No Icons in small screens view

Reply #6 –

Update :

I was checking on " light ". @CrimeS  is right, no icons in " social " in mobile view.

Re: No Icons in small screens view

Reply #7 –

Mostly fixed.
Some tweaks still needed (i.e. color of the unread/unreadreplies icon), but it's tracked.
Bugs creator.
Features destroyer.
Template killer.

Re: No Icons in small screens view

Reply #8 –

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
Last Edit: June 06, 2016, 07:12:52 pm by radu81
sorry for my bad english

Re: No Icons in small screens view

Reply #9 –

You mean this (attachment)? It happened 2 days ago after E was updating the site

Re: No Icons in small screens view

Reply #10 –

Yep, this one, thanks Crimes
sorry for my bad english

Re: No Icons in small screens view

Reply #11 –

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.

Re: No Icons in small screens view

Reply #12 –

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.

Re: No Icons in small screens view

Reply #13 –

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?
Bugs creator.
Features destroyer.
Template killer.

Re: No Icons in small screens view

Reply #14 –

Huh, I didn't know IE 13 properly supports flexbox.