Print Page - Line up "other games they've worked on"

Title: Line up "other games they've worked on"
Post by: Gurok on Mon 06/03/2017 06:31:16

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

Code (css) Select

.gameAuthorOtherGameRole
{
    margin-left: 230px;
}

Code (css) Select

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

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

Code (css) Select

.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.

Title: Re: Line up "other games they've worked on"
Post by: AGA on Wed 08/03/2017 06:27:49

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

Title: Re: Line up "other games they've worked on"
Post by: cat on Wed 08/03/2017 10:20:30

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 (http://pasteboard.co/GTVJoTswq.png))

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

Title: Re: Line up "other games they've worked on"
Post by: AGA on Wed 08/03/2017 17:13:04

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

Title: Re: Line up "other games they've worked on"
Post by: cat on Thu 09/03/2017 09:51:24

Thanks AGA!

Title: Re: Line up "other games they've worked on"
Post by: AGA on Thu 09/03/2017 10:27:52

Thanks Gurok for the fix!

Title: Re: Line up "other games they've worked on"
Post by: selmiak on Thu 09/03/2017 13:46:01

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.

Title: Re: Line up "other games they've worked on"
Post by: AGA on Thu 09/03/2017 21:39:49

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

Title: Re: Line up "other games they've worked on"
Post by: selmiak on Fri 10/03/2017 02:56:55

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

Title: Re: Line up "other games they've worked on"
Post by: AGA on Fri 10/03/2017 05:58:39

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

Title: Re: Line up "other games they've worked on"
Post by: selmiak on Fri 10/03/2017 11:01:58

Nice. Thanks for adding it.

Adventure Game Studio

AGS Development => Site & Forum Reports => Topic started by: Gurok on Mon 06/03/2017 06:31:16