Jump to content

Mobile UI improvements, pt. 2

LogicalDrm
 Share

So the icons For new members and rank are now covering members avatar almost completely on mobile. Imo that's not how things should be. I'll leave my distaste of showing rank with meaningless badge out of this and focus on how things are taking space instead. So this is how it looks now:

Screenshot_20211110-155717818.thumb.jpg.2b90aaffd360d6ee4bbb78e97a8062a5.jpg

Considering there's so much empty space (my distaste about that covered here), why not make icons smaller and place them under the avatar? Username takes a row, user group takes another and posts/reputation takes third. Avatar only takes the top two of those rows, leaving space under it which would be equivalent to posts/rep counter.

 

Besides rank and new member badges, we could have Moderator, Admin, LMG etc. badges placed there too. With simple design (green M for moderators, orange L for LMG for example). That would make this enormous badge not taking space on mobile:

Screenshot_20211106-194431378.thumb.jpg.ba76dbe531ebf23769c702f16a5d3f82.jpg

 

Actually, the temp icon there is about where I would like it to be.

^^^^ That's my post ^^^^
<-- This is me --- That's your scrollbar -->
vvvv Who's there? vvvv

Link to comment
Share on other sites

Link to post
Share on other sites

I'd like this to use up less space vertically. There is a lot of horizontal space there wasted.

So my proposal is basically the badge is next to the username, and then followed by the post/rep count. Below it for mods/admins/staff, the group is removed cuz it's basically an iteration with that badge like thing, idk what that is called. The PFP can then be enlarged a bit to accommodate the two lines(1. username - badge - post/rep count, and 2. the badge for staff and "member" for all others).

See this picture for a better understanding:

 

Spoiler

image.png.bad03748a7d2f78af879dc01c5b11691.png

 

What do you think about this?

 

Spoiler

Also

image.png.e8f96d8a794f065584b0bdbc0bf94892.png

nice

 

Edit: I think this should have been in LogicalDrm's previous linked thread.

Edited by RockSolid1106

"Coding skill isn’t about knowing how to make things; It’s about being able to find the right Stack Overflow code to copy paste."

 

bruh switch to dark mode its at the bottom of this page

VPN Server Guide

Link to comment
Share on other sites

Link to post
Share on other sites

We've fixed the "new badge" taking so much space on mobile, it should be much more reasonable now.

Also, I don't believe will be making new tweaks to the mobile layout at this time.

Link to comment
Share on other sites

Link to post
Share on other sites

Perhaps something like this?

Spoiler

896174109_mortisb.jpg.8f07ebba60413e0d06a3535127b10710.jpg

I took @LogicalDrm's screenshot and edited Mortis' user ID thingy to be more compact.

Compared to the original:

Spoiler

Screenshot_20211106-194431378.thumb.jpg.ba76dbe531ebf23769c702f16a5d3f82.jpg

There's not empty space above the username/PFP, and all the elements below the Administrator role have been moved to the side to better use space.

This wasn't a source code edit by the way, I just copied the image then cropped it to take each element I wanted to move and made a new image.

 

EDIT:
I know I didn't remove the Administrator text like @RockSolid1106 did, but I don't think that's deleteable without making Mortis a common peon no longer an admin.

REFRESH BEFORE RESPOND, I EDITED MY POST

 

PFP by @Arika S' AI

 

I play Minecraft on the r/Jailbreak server and own both Coral Plateau and New Kong City. I make note block music, currently working on Nightmare King Grimm.

 

PSA: Don't lie

 

I own a lot of iDevices.

iPad1,1 = iPad 1 (WiFi) = 64GB, iPhone OS 3.2.2

iPad2,5 = iPad mini 1 (Silver) = 6GB, iOS 8.4.1 + 10GB, 6.1.3

iPad4,5 = iPad mini 2 (Cellular) (Silver) = 16GB, iOS 12.5.5 (unlocked)

iPhone3,3 = iPhone 4 (CDMA) (Black) = 16GB, iOS 4.2.6 (locked to Verizon)

iPhone4,1 = iPhone 4S (Black) = 16GB, iOS 9.2.1 (unlocked)

iPhone5,3 = iPhone 5C (GSM) (Blue) = 32GB, iOS 10.4 (unlocked)

iPhone6,1 = iPhone 5S (GSM) (Silver) = 16GB, iOS 7.1.2 (unlocked)

iPhone6,1 = iPhone 5S (GSM) (Silver) = 16GB, iOS 11.0.1 (locked to TracFone)

iPhone7,2 = iPhone 6 (Silver) = 16GB, iOS 8.3 (blacklisted + locked to T-Mobile)

iPhone8,1 = iPhone 6S (Space Gray) N71AP = 16GB, iOS 15.0.2 (unlocked)

iPhone9,1 = iPhone 7 (Global) (Midnight Star) = 256GB, iOS 14.2 (unlocked)

Watch2,4 = Apple Watch Series 2 (42mm) (Aluminum) = 8GB, watchOS 6.3

Watch5,4 = Apple Watch Series 5 (44mm) (Aluminum) = 32GB, watchOS 9.2b3

Link to comment
Share on other sites

Link to post
Share on other sites

No more profile information is displayed under the Avatar? Can we please have that back please? Now nobody knows I'm in the de-lidder's club!! 😞 

Link to comment
Share on other sites

Link to post
Share on other sites

2 hours ago, ShrimpBrime said:

No more profile information is displayed under the Avatar? Can we please have that back please? Now nobody knows I'm in the de-lidder's club!! 😞 

Those weren't seen on mobile before the update either. So they aren't relevant to this.

^^^^ That's my post ^^^^
<-- This is me --- That's your scrollbar -->
vvvv Who's there? vvvv

Link to comment
Share on other sites

Link to post
Share on other sites

1 hour ago, LogicalDrm said:

Those weren't seen on mobile before the update either. So they aren't relevant to this.

How so. Get the silly icon off the avatar and put it where the profile information used to be.

All I know, is that icon is killing mine, looks ok with yours though. 

 

Link to comment
Share on other sites

Link to post
Share on other sites

41 minutes ago, ShrimpBrime said:

How so. Get the silly icon off the avatar and put it where the profile information used to be.

All I know, is that icon is killing mine, looks ok with yours though. 

 

The information you are talking about wasn't shown on mobile site before. So it would be adding something, not returning. I'm asking for rearranging the new features only. Which was just denied.

^^^^ That's my post ^^^^
<-- This is me --- That's your scrollbar -->
vvvv Who's there? vvvv

Link to comment
Share on other sites

Link to post
Share on other sites

6 hours ago, LogicalDrm said:

The information you are talking about wasn't shown on mobile site before. So it would be adding something, not returning. I'm asking for rearranging the new features only. Which was just denied.

Ok I understand better now. Thank you.

Link to comment
Share on other sites

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share


×