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-10-29 12:55:37 +08:00
committed by Damyon Wiese
parent a6113f4dd1
commit fc8984234c
+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;
}
}