Member list on mobile has odd artifacts every other row

Topic: Member list on mobile has odd artifacts every other row (Read 6111 times) previous topic - next topic

0 Members and 1 Guest are viewing this topic.

Member list on mobile has odd artifacts every other row

March 02, 2014, 12:18:40 pm

Attached is a screen shot from my phone showing what I mean.

Re: Member list on mobile has odd artifacts every other row

Reply #1 – March 02, 2014, 12:44:25 pm

yep, that's one of the items on my todo list .. the memberlist isn't mobile compatible as of now.. I'll check that soon.

Re: Member list on mobile has odd artifacts every other row

Reply #2 – March 02, 2014, 12:56:05 pm

Oops, I scanned for topic titles that matched but not todo lists. Sorry.

Re: Member list on mobile has odd artifacts every other row

Reply #3 – March 02, 2014, 01:57:23 pm

Quote from: scripple – March 02, 2014, 12:56:05 pmOops, I scanned for topic titles that matched but not todo lists. Sorry.

it's in my mind, not noted here

Re: Member list on mobile has odd artifacts every other row

Reply #4 – March 02, 2014, 02:39:38 pm

emanuele files a feature request for a search function in @TE's mind

Re: Member list on mobile has odd artifacts every other row

Reply #5 – March 02, 2014, 04:19:47 pm

With appropriate word censoring

Re: Member list on mobile has odd artifacts every other row

Reply #6 – March 02, 2014, 10:39:50 pm

As long as you're going to have a look at the member list, here's another one. Only tested this in desktop view but when I click on the community drop down and select members it always comes up with some letter in the first row then starts the member list. (even with one member.)

See attachment. (And the letter is different on my more populated test forum, debug output?)

Re: Member list on mobile has odd artifacts every other row

Reply #7 – March 03, 2014, 01:08:14 am

It's supposed to do that. It splits the member list according to the starting letter of the username. Your example has one member called scripple, so the header is an "S".

TBH I think the formatting could be a bit better, since the lower case letter gets a bit lost in the middle of the page. It could do with a bit more oomph, and probably left aligned would help to make it look more like a heading (which is what it is).

Re: Member list on mobile has odd artifacts every other row

Reply #8 – March 03, 2014, 01:13:28 am

Well, I guess I should feel stupid now.

But I'd say you're right it needs some different formatting as it looked nothing like a header to me.

Re: Member list on mobile has odd artifacts every other row

Reply #9 – March 03, 2014, 01:21:56 am

I hadn't looked at it since that change was implemented (never used to have it). I can see what they mean it to be doing, but agree that in its present form it does look more like a bug than a feature.

Re: Member list on mobile has odd artifacts every other row

Reply #10 – March 03, 2014, 01:33:06 am

Hey found another bug (a real one). The zebra striping of the member list is broken. It should start at the beginning of the list, but it doesn't. It only comes in near the end of the page (specifically, in the "C" group).

Re: Member list on mobile has odd artifacts every other row

Reply #11 – March 03, 2014, 01:37:07 am

The striping on my more populate test site actually starts right after the A, but then stops after b starts and stays off the rest of the page. Looking at a few more pages the pattern I see is if the letter bar is on white that section is striped. If the letter is on gray (the slightly darker color) that section is all gray.

Re: Member list on mobile has odd artifacts every other row

Reply #12 – March 03, 2014, 01:40:26 am

It seems to be all over the place. Just check a few pages of the list here.

ETA: Issue - https://github.com/elkarte/Elkarte/issues/1459

Re: Member list on mobile has odd artifacts every other row

Reply #13 – March 03, 2014, 03:54:54 am

I'm currently migrating the memberlist from tables to list elements, basic draft is:

Code: [Select]

<ul class="mlist">
    <li class="basic_row"><span>Rowdata1</span><span>RowData2</span>... </li>
    <li class="alternate_row"><span>Rowdata1</span><span>RowData2</span>... </li>
</ul>

It's mainly needed for proper styling, especially on mobile devices..
@Antechinus Objections?

Re: Member list on mobile has odd artifacts every other row

Reply #14 – March 03, 2014, 05:35:45 am

I'd be more inclined to use divs than spans (same as board index and message index) but sure, nothing wrong with using a list for the main part.

It's going to get quite complex with the number of "cells" you'll need for a memberlist though, particularly if people start adding custom fields. You can't know in advance how much width each "cell" will need. For this sort of thing, a table really is the best solution. It's exactly what they were meant for, but if you need to use lists......

I still think the headers that split the list into letter categories need something extra. They aren't really just another row. They're dividers between section of content. You could drop an h3 into the li for those, and style that.