MDL-40343 forum: indent less when mobile, nested

Changes the indenting of forum replies to be relative to the width of
the parent container, so the indent decreases as threads get nested
deeper. Also reduces the indent size automatically for smaller screen
sizes.
This commit is contained in:
David Scotson
2014-02-04 16:34:49 +00:00
parent 183515da23
commit fbfc7d252c
+8 -3
View File
@@ -48,11 +48,16 @@
.dir-rtl .forumpost .row .content-mask,
.dir-rtl .forumpost .row .options {margin-right:43px;margin-left:0;}
.dir-rtl .forumpost .row .left {float:right;}
.dir-rtl.path-mod-forum .indent {margin-right:30px;margin-left:0;}
.dir-rtl.path-mod-forum .indent {
margin-right: 3%;
margin-left: 0;
}
.path-mod-forum .forumolddiscuss,
#page-mod-forum-search .c0 {text-align:right;}
.path-mod-forum .indent {margin-left: 30px;}
.path-mod-forum .indent {
margin-left: 3%;
}
.path-mod-forum .forumheaderlist {width: 100%;border-width:1px;border-style:solid;border-collapse:separate;margin-top: 10px;}
.path-mod-forum .forumheaderlist td {border-width:1px 0px 0px 1px;border-style:solid;}
.path-mod-forum .forumheaderlist th.header.replies .iconsmall { margin: 0 .3em;}
@@ -108,4 +113,4 @@ span.unread {
}
.forumpost.unread .row.header {
border-bottom: 1px solid #DDD;
}
}