CSS issue UI
avatar brianteeman
brianteeman
13 Nov 2013

Steps to reproduce the issue

Open any issue with many comments

Expected result

Clear readable page that you can quickly scan and read

Actual result

Confused layout where lines begin at different places.

Additional comments

By increasing the padding/margin before the comments so they line up with the titles makes a big improvement with readability.

See http://i42.tinypic.com/68zryh.png and http://i44.tinypic.com/8zpwet.png

avatar brianteeman brianteeman - open - 13 Nov 2013
avatar brianteeman brianteeman - open - 13 Nov 2013
avatar mbabker
mbabker - comment - 13 Nov 2013

Too easy - Since it's already using the Bootstrap grid, that row just needs to change from using class="span12" to class="offset1 span11" and it'll line up properly. It's this line if anyone can get to it before me.

avatar brianteeman
brianteeman - comment - 13 Nov 2013

That works perfectly

avatar b2z
b2z - comment - 13 Nov 2013

@brianteeman see here live fix. Is it ok? ;)

avatar brianteeman
brianteeman - comment - 13 Nov 2013

Yes that looks great - probably should also reduce the gaps on the well in the first post
You may blame the J!Tracker Application for transmitting this comment.

avatar b2z
b2z - comment - 13 Nov 2013

Agree, but the problem is that span1 is too small and span2 is too big :) I could remove span2 and make pull-left, but it looks ugly on the mobile device. Can't fix it right, need more experienced here :blush:

avatar elkuku
elkuku - comment - 13 Nov 2013

And while we're talking about spans.... any plans to upgrade to BT 3 ? I think we should do this rather sooner than later...

avatar mbabker
mbabker - comment - 13 Nov 2013

I wouldn't mind it, but then we'd have at least 5 variations of the Joomla website in terms of templates:

Let's not go and make things more confusing :laughing:

avatar elkuku
elkuku - comment - 13 Nov 2013

We should use the most advanced technique available - like in code ;)
Maybe we can get rid of those three top bars.. they are really eating up lot's of valuable space..

OK - I'll leave this to the designer folks :)

avatar b2z
b2z - comment - 15 Nov 2013

Yes that looks great - probably should also reduce the gaps on the well in the first post

IMO I do not think that it is a v1.0 requirement. Can we close it for now and try to involve someone experienced in all these CSS staff?

avatar dbhurley
dbhurley - comment - 28 Nov 2013

I'm going to leave this open but remove the 1.0 requirement label. I'm currently working on an updated layout.

avatar davidhurley
davidhurley - assign - 28 Nov 2013
Assigned to dbhurley
avatar dbhurley
dbhurley - assign - 28 Nov 2013
Assigned to dbhurley
avatar b2z
b2z - comment - 28 Nov 2013
avatar brianteeman
brianteeman - comment - 22 Oct 2014

I am assuming this one can be closed now @dbhurley

This comment was created with the J!Tracker Application at issues.joomla.org/jtracker/184.

avatar b2z
b2z - comment - 22 Oct 2014

Seems so :)

avatar b2z b2z - close - 12 Dec 2014

Add a Comment

Login with GitHub to post a comment