RolePlay onLine RPoL Logo

, welcome to RPoL Development

10:45, 28th March 2024 (GMT+0)

Responsive site - appearance, layout, aesthetics etc.

Posted by Skald
Escribblings
member, 39 posts
Wed 11 Dec 2019
at 02:13
  • msg #80

Re: Responsive site - appearance, layout, aesthetics etc

I have a request regarding site layout, specifically for mobile users...

Is it possible to freeze the forum header?

When I'm about to make my post, I sometimes feel like I'm scrolling for an eternity just to get to the menu for the dice roller, or private messages, etc..
Skald
moderator, 886 posts
Whatever it is,
I'm against it
Wed 11 Dec 2019
at 13:37
  • msg #81

Re: Responsive site - appearance, layout, aesthetics etc

Fixed headers are on the list but not on the immediate work order for changes/fixes:

Per our companion thread "New Site Design" (link to a message in this forum):

jase:
Fixed header ...[is] possibly something that could be looked at later along with the hide-the-menus option

Escribblings
member, 42 posts
Wed 11 Dec 2019
at 13:49
  • msg #82

Re: Responsive site - appearance, layout, aesthetics etc

Ok, thank you.

Sorry I missed that.
Skald
moderator, 887 posts
Whatever it is,
I'm against it
Thu 12 Dec 2019
at 11:45
  • msg #83

Re: Responsive site - appearance, layout, aesthetics etc

Not surprising, there's a LOT of feedback !

But the more the merrier and all to the good - the more feedback jase gets, the better he can determine how his valuable time is best spent.   :>
Z.Dianli
member, 17 posts
What goes...
...in here?
Sun 29 Dec 2019
at 07:01
  • msg #84

Re: Responsive site - appearance, layout, aesthetics etc

When there are long lists of boards with only one or two at the top with unread messages I still have to scroll all the way to the bottom to get the button "mark all as read".

Would it be possible to have two of those, one at the top and one at the bottom?
jase
admin, 3740 posts
Cogito, ergo procuro.
Carpe stultus!
Thu 2 Jan 2020
at 15:48

Re: Responsive site - appearance, layout, aesthetics etc

Have "stickied" the right hand menu for desktop experience (about 10 days ago now).. that should help for those users.  Now for the mobile menu bar, which might be a tad trickier!



In reply to Z.Dianli (msg # 84):

Under the "This game" menu on the right (or the menu w/ the dice icon on mobile) there's Mark all as Read.
MythZarya
member, 33 posts
Thu 2 Jan 2020
at 20:20
  • msg #86

Re: Responsive site - appearance, layout, aesthetics etc

jase:
Have "stickied" the right hand menu for desktop experience (about 10 days ago now).. that should help for those users.  Now for the mobile menu bar, which might be a tad trickier!

Awesome! Thank you!
The Stray
member, 116 posts
When the Cat's a Stray
the Mice will Pray
Tue 14 Jan 2020
at 12:52
  • msg #87

Re: Responsive site - appearance, layout, aesthetics etc

I have an issue where I can't add characters to my game because the sidebar overlaps the Character Wizard and makes the Add These Character button inaccessible.
jase
admin, 3741 posts
Cogito, ergo procuro.
Carpe stultus!
Thu 16 Jan 2020
at 14:03

Re: Responsive site - appearance, layout, aesthetics etc

I've made the navigation bar sticky in the mobile layout as well.  Thankfully wasn't too difficult as I could use the same "sticky" CSS positioning.  Only tested it in two browsers so not the most thorough.

If you have a custom theme please update it, it'll still work without the update but you'll find the page shows through the gaps between each menu icon.


In reply to The Stray (msg # 87):

Thanks.  That's the page where it lists out 31 groups (0-9, A-U) in a row?

Might be best to change that to a "enter the groups" and you put in "0AF" or whatever you want.
The Stray
member, 117 posts
When the Cat's a Stray
the Mice will Pray
Fri 17 Jan 2020
at 02:22
  • msg #89

Re: Responsive site - appearance, layout, aesthetics etc

In reply to jase (msg # 88):

It's the screen you get to from GM Menu -> Edit Characters -> Add (Existing). And yes, that sounds right.

The issue I have is not adding people to groups, it's adding any characters at all. The "Add These Characters" button to execute the creation of the characters winds up underneath the sidebar. It might have some magnification issues...the button slides around when I mess with my screen magnification, but is only accessible in a few spots (and then, only just) unless I make the whole screen really really tiny, which is obviously not ideal.
jase
admin, 3742 posts
Cogito, ergo procuro.
Carpe stultus!
Tue 28 Jan 2020
at 12:59

Re: Responsive site - appearance, layout, aesthetics etc

I've updated all of the screens that had 31 tick boxes to be a simple text entry instead.  Not the most thorough testing I've ever done but hopefully got it right.

Make a few other tweaks while I was at it but nothing major.  Most notable one will probably be moving some of the result messages to be at the top of the page rather than at the bottom.
byzantinex
member, 190 posts
Sat 15 Feb 2020
at 12:46
  • msg #91

Re: Responsive site - appearance, layout, aesthetics etc

In reply to jase (msg # 90):

Hey Jase, I just wanted to say thank you very much, without asking for anything! :D

First, the site is just epic and I've been on here for over 2 years now with a constant campaign running. I love RPOL and it's the best PBP site I've ever found.

Second, the new responsive layout is simply wonderful! I know you do this for free and as a fellow web developer, I KNOW how much work you've put into this website/software! The mobile friendly development is absolutely awesome. The sidebar especially is wonderful, even when I'm on my desktop computer. I've switched to using r.rpol.net full time for all my devices :D

Anyway, I just wanted to say thank you and give you some mad props for spending so much time making something so great that thousands of us gamers can enjoy. Be blessed! Thank you!
This message was last edited by the user at 12:47, Sat 15 Feb 2020.
EvilGenius
member, 72 posts
Fri 21 Feb 2020
at 19:40
  • msg #92

Re: Responsive site - appearance, layout, aesthetics etc

In reply to byzantinex (msg # 91):

I'll second byzantinex.  I've really enjoyed the new layout and find it much easier to navigate and use than the old site. Thanks for the blood, sweat, and tears, Jase.  You are a superhero.

Andrew
Raddek
supporter, 18 posts
Fri 21 Feb 2020
at 20:15
  • msg #93

Re: Responsive site - appearance, layout, aesthetics etc

Completely concur.  Thanks for all the work Jase.
SunRuanEr
subscriber, 251 posts
Thu 30 Apr 2020
at 19:14
  • msg #94

Re: Responsive site - appearance, layout, aesthetics etc

Just realized that when reading a closed thread, the little upper right-hand window (that normally says 'This thread') reads:

This thread Thread
closed

(no matter what width I set the screen to, it never forces the 'Thread closed' part under the 'This thread')

I expect it's supposed to be:

This thread
 Thread closed

...to fit more with the 'This forum' and 'Your account' sections and how things show up under them. Although reading 'This thread is closed' wouldn't be awful, either.
Skald
moderator, 895 posts
Whatever it is,
I'm against it
Sat 2 May 2020
at 05:28
  • msg #95

Re: Responsive site - appearance, layout, aesthetics etc

Is that on a mobile device ? And what browser are you on.

It definitely shows per your expectations on my Desktop (Win 10/Firefox latest), so there must be some other variable at play.  :>
SunRuanEr
subscriber, 252 posts
Sat 2 May 2020
at 12:37
  • msg #96

Re: Responsive site - appearance, layout, aesthetics etc

Desktop, Skald, running Win8.1 and Chrome.

It does the same thing on Chrome on my phone, although there it shows 'This thread Thread closed' all on one line (obviously after tapping to open the section, since it's just the small icon to start).

All of the other Thread status, Forum, Account, etc bits display properly on both desktop and phone. It's just the closed thread one that's off.
Skald
moderator, 896 posts
Whatever it is,
I'm against it
Sat 2 May 2020
at 13:36
  • msg #97

Re: Responsive site - appearance, layout, aesthetics etc

Thank ye kindly ...

<checkcheckcheck>

H'mmm ... I've just tried Chrome, Edge, IE (still Win 10, but following update to 1909 about half an hour ago), and they're all displaying correctly for me.  Tried both https://r.rpol.net/ and https://responsive.rpol.net/ but all good.

Really wouldn't have thought Win 8.1 would make that much difference.

I tried zooming in and out in Chrome, but at the smallest setting all it did was wrap the Thread Closed to two lines beneath the header.

Looking at Page Source in Chrome, the code shows:

<span class='navname'>This thread</span>
<li><a href='' title='This thread is closed, no more messages may be posted.' onclick="alert('This thread is closed.\nNo more messages may be posted.'); return false;">Thread closed</a></li>

<li> </li> tags are used for a list item, assumedly used to get it to indent the menu options nicely.  I note that while the list is on a separate line in the code, the thread header doesn't specifically have a break following it, but then again neither do the other sidebar lists which follow the same format and they're working OK for you (and me).

jase may have some other ideas, but as far as I can tell the code should be doing what is intended ...

Don't suppose you've modifed theme or fonts from the defaults under Chrome Settings ?  Trying to think of why it might be different for you.

Anyone else using Chrome with Win 8.1 that's getting the same mileage ?  :>
This message was last edited by the user at 13:43, Sat 02 May 2020.
SunRuanEr
subscriber, 253 posts
Sat 2 May 2020
at 13:51
  • msg #98

Re: Responsive site - appearance, layout, aesthetics etc

quote:
Don't suppose you've modified theme or fonts from the defaults under Chrome Settings ?

All of my Chrome settings are default. I do have a custom theme on RPoL, itself.

The only thing I could think that maaaaybe was affecting it is that I've adjusted the width of RPoL itself above the default (so that my main message window is wider - not to max, but it is wider), but that doesn't make much sense to me because it's still just the 'This thread' section that's affected.

I just had my spouse check their browser (they're also using Chrome, but with Win10), and noticed that on their GM menu pages, 'This thread' lists properly. In games where they are only a player, their 'This thread' section is doing the same thing mine is with closed threads. (Worth noting, all of their theme settings, including window width, are the same as mine.)
This message was last edited by the user at 13:52, Sat 02 May 2020.
Skald
moderator, 897 posts
Whatever it is,
I'm against it
Sat 2 May 2020
at 14:02
  • msg #99

Re: Responsive site - appearance, layout, aesthetics etc

Yeah, if anything, having a wider message area should reduce the sidebar and maybe cause the header line to wrap - can't see how that would make the line below tack on.   Not to mention the "This forum" heading looks slightly shorter in screen length, and the "Your account" looks bigger, so at least one of them should be affected too if the middling "This thread" is.

Good to get confirmation that it's occurring for more than one user, though - all useful info for troubleshooting.

Perhaps the custom theme is affecting it somehow ?  Waaay outside my compentency, though - over to jase when he gets a minute.  :>
Zag24
supporter, 624 posts
Sat 2 May 2020
at 15:52
  • msg #100

Re: Responsive site - appearance, layout, aesthetics etc

Skald:
<span class='navname'>This thread</span>
<li><a href='' title='This thread is closed, no more messages may be posted.' onclick="alert('This thread is closed.\nNo more messages may be posted.'); return false;">Thread closed</a></li>

Curious.  I have the same, but without the <li> </li> tags, which explains the 'Thread Closed' being on the same line as the 'This thread.'  Note that this is in a game in which I am a player, with no special access.

I'm on a Windows 7 box using Chrome Version 81.0.4044.129 (Official Build) (64-bit)
Skald
moderator, 898 posts
Whatever it is,
I'm against it
Sun 3 May 2020
at 05:02
  • msg #101

Re: Responsive site - appearance, layout, aesthetics etc

Bing !  We have a winner !! :>

I'd mistakenly thought that me looking at a closed forum thread would be exactly the same but seems forum threads are different as I can now duplicate the problem in Windows 10/Firefox ... and a quick look at the code shows the problem:

<ul>
<span class='navname'>This thread</span>
<a title='This thread is closed, no more messages may be posted.'>Thread closed</a></li>
</ul>

In which you'll see we have a closing </li> tag but the opening <li> tag that should appear first is conspicuous by its absence.

So we have the solution to the problem - when jase gets that free minute to fix it.

Thanks all !  :>
SunRuanEr
subscriber, 254 posts
Sun 3 May 2020
at 14:17
  • msg #102

Re: Responsive site - appearance, layout, aesthetics etc

Good job figuring it out! *hands out cookies and gold stars*
baxtheslayer
member, 60 posts
Fri 8 May 2020
at 05:38
  • msg #103

Re: Responsive site - appearance, layout, aesthetics etc

Greetings!

Long time listener, first time caller, or whatever.

Having just glanced through this thread but not having seen anything that particularly affects my experience one way or another, I'll just cast a 'neutral' vote for what has gone before.  You seemed to indicate that you cared about my not caring, so there you go.

But, I will say I think the new site looks much improved compared to the old one.

Oh, wait, I guess there were two things that were annoying me:

First, I changed to the dark theme but I noticed...

jase:
Solution is to log out of rpol.net and www.rpol.net.  If it still doesn't work then you'll need to get your browser to delete all *rpol.net cookies.


...oh... er... well.  Yeah, that fixes that.  So, nevermind on that one.

Anyway, the second thing was...

jase:
Under the "This game" menu on the right (or the menu w/ the dice icon on mobile) there's Mark all as Read.


Um... uh... right.  Well, nevermind on that.

Uh, yeah.  I guess I don't have anything else to add, other than "Thank you" to everybody who's working to improve the site!
SunRuanEr
subscriber, 255 posts
Mon 11 May 2020
at 23:25
  • msg #104

Re: Responsive site - appearance, layout, aesthetics etc

On responsive, when you're in the search results page (at least when you search for games by GM), there's no link to get back to the Home page, either at the bottom of the page, or in the top header bar. A link to return to the Main Menu does exist on live.

I'm not sure if there's any other page where the Home/Main doesn't exist, I haven't noticed it missing anywhere else, but it's definitely missing on the Games by GM search results page.


Edit: Derp. Rereading the thread looking for something else, I caught the part where it was mentioned that the RPoL logo *is* a link back to home... so I guess there is a means to get back. Ignore this one!
This message was last edited by the user at 03:26, Fri 22 May 2020.
Sign In