Permalink
Browse files

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.
  • Loading branch information...
David Scotson authored and damyon committed Feb 4, 2014
1 parent a6113f4 commit fc8984234cdd48edb8d59a46da8d43edc40b74dd
Showing with 8 additions and 3 deletions.
  1. +8 −3 mod/forum/styles.css
View
@@ -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;
}
}

0 comments on commit fc89842

Please sign in to comment.