Re: RPoL Design Update
Noticed a problem with viewing character descriptions that have pictures in them tonight when on a phone (or when the site is narrowed all the way down on a desktop). Actually, a pair of problems.
Problem #1: Photos put in where the image is the very first thing at the top of the description, are getting shifted down below the character portrait (as I would expect them to be if they're too wide to display next to it, since they're the very first thing in the description), BUT they are getting the first five lines of text (what normally appears next to the portrait) above them and the rest of the text below them. Essentially, they're "splitting" the text, instead of appearing all before it as I would expect, since the image source tag is entirely before the text.
I realize, upon going back to the old site and checking, that the same thing happens when you size down a browser window on it. I had never noticed this before because it doesn't do that when viewed on my phone, and you'd have to pretty deliberately narrow your browser all the way - but it still feels like it would look a lot better if the image stayed by itself at the top and had all of the text follow it, IF it's the first thing in the description window, instead of being in the middle of the text when the window is narrow. Stat blocks next to portraits look kind of... well, cruddy, when they're broken up. (Edit: This happens with both right- and left-aligned photos. At first I thought it was only the right ones, but alas, it isn't.)
Problem #2: Wide photos in a description prevent it from narrowing to the proper size (it will only go as narrow as the widest image), and results in having some of the text "hanging out" to the right, over the normally-empty space beneath the Forum and Account menus. This doesn't happen in a regular thread - the same image posted in a thread gets resized to fit the thread-content portion of the window if the window narrows beyond the image's normal size. (On the plus side, this at least keeps photos normally in the upper right corner from splitting the stat blocks, so there's that... but it does make it pretty impossible to read, especially if using a theme where the text block background isn't the same as the background-background.)
Not sure if there's any fix to the first one, since it does that on live too, unless there's a way to force the site to keep whatever is entered first at the top no matter the window width, but the second one feels like maybe there's a fix, since wide pictures don't cause the same problem in actual threads? Maybe? *fingers crossed*
Edit: Took me a bit to find a description in one of my games that didn't have a photo, but those don't seem to be scaling to fit the smaller screen window well, either. Images in a description that are narrow (not the ones causing Problem #2) are scaling to fit my phone screen, and forcing all the accompanying description text to fit the screen as well - just like it would in a game thread (which looks, well, normal). Descriptions without any image at all are leaving a swath of border around the text (about 1/2 of an inch on each side on my phone, and my screen is small) and forcing all of the description text into a narrow column down the middle. The narrow line around the description box is still there, reining it in just like the thread-text window in a thread, but unlike in the threads (which push that left-hand and right-hand space to the top and bottom when the screen is narrow), that space is never getting pushed away so that the actual information box can fill the screen.
This message was last edited by the user at 14:25, Wed 02 Oct 2019.