Line up "other games they've worked on"

Started by Gurok, Mon 06/03/2017 06:31:16

Previous topic - Next topic

Gurok

In the index.css file used on invidiual game pages, can you change this class (line 1307) from:

Code: css
.gameAuthorOtherGameRole
{
    margin-left: 230px;
}


to

Code: css
.gameAuthorOtherGameRole
{
    float: left;
    padding-left: 8px;
    width: 230px;
}


and add "overflow: hidden" to gameAuthorOtherGamesArea (line 1323):

Code: css
.gameAuthorOtherGamesArea
{
    clear: left;
    padding-top: 5px;
    overflow: hidden;
}


This will make the game entries in the list line up when game titles span over multiple lines.

Note: A better way to fix this would be to surround each other game entry with a tag that had "clear: left", but this will do in the meantime and is probably simpler to implement.
[img]http://7d4iqnx.gif;rWRLUuw.gi

AGA

That's done, although I really can't see what difference it made...

cat

The lines now work correctly, however, the ellipsis is still weird. It appears in places where it is not needed (see http://pasteboard.co/GTVJoTswq.png)

The ellipsis is not caused by css but seems to be there in the generated HTML already.

AGA

Removed the truncation, since it isn't really necessary now stuff wraps sensibly.  And yeah, there was a bug in the truncation logic regardless.

cat


AGA


selmiak

nice :D


if you also add to
.gameAuthorOtherGame

padding-top: 12px;

this makes it easier to read because it separates the different entries more.




also changing
.gameAuthor

padding-top: 5px;
to
padding-top: 12px;

makes it all fit in and nicely spread over the page and not so crammed.

AGA

Not quite.  Leaves things out of line if a game title spans multiple lines: http://www.adventuregamestudio.co.uk/site/games/game/1948/

selmiak

haha, right, of course

.gameAuthorOtherGameRole

also needs the top padding.
I think 12px padding separates the different games better and makes it more readable so you instantly see which role the person had in which game. maybe a few pixels less or more also work :)
Also good for people with fat fingers on touchy mobile.

adding the padding to
.gameAuthor
too would make it constant across the gamepage

AGA

Ah, there we go.  Seems to work now, thanks!

selmiak


SMF spam blocked by CleanTalk