Skip to content

E
edx-platform
Commit 5d67e01f by Matthew Mongeau
Options

Style fixes

parent 91c5b882
Showing with 124 additions and 120 deletions
lms/static/sass/_discussion.scss
.discussion-wrapper { .container {
display: table; .discussion-wrapper {
table-layout: fixed; display: table;
width: 100%; table-layout: fixed;
height: 500px; width: 100%;
background: #fff; height: 500px;
border-radius: 3px; background: #fff;
border: 1px solid #aaa; border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border: 1px solid #aaa;
ul { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
list-style: none; ul {
margin: 0; list-style: none;
padding: 0; margin: 0;
border: 0; padding: 0;
outline: 0; border: 0;
font-size: 100%; outline: 0;
font: inherit; font-size: 100%;
vertical-align: baseline; font: inherit;
} vertical-align: baseline;
} }
.discussion-sidebar {
display: table-cell;
vertical-align: top;
width: 27.7%;
background: #f6f6f6;
border-radius: 3px 0 0 3px;
border-right: 3px solid #bcbcbc;
}
.board-drop-btn {
display: block;
height: 60px;
border-bottom: 1px solid #a3a3a3;
border-radius: 3px 0 0 0;
background: -webkit-linear-gradient(top, #ebebeb, #d9d9d9);
font-size: 16px;
font-weight: 700;
line-height: 58px;
text-align: center;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
.sort-bar {
height: 27px;
border-bottom: 1px solid #a3a3a3;
background: -webkit-linear-gradient(top, #cdcdcd, #b6b6b6);
box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
a { .discussion-sidebar {
display: block;
float: right;
height: 27px;
margin-right: 10px;
font-size: 11px;
font-weight: bold;
line-height: 23px;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
.sort-label { display: table-cell;
font-size: 9px; vertical-align: top;
text-transform: uppercase; width: 27.7%;
} background: #f6f6f6;
} border-radius: 3px 0 0 3px;
} border-right: 3px solid #bcbcbc;
.post-list {
a { .sort-bar {
display: block; height: 27px;
height: 36px; border-bottom: 1px solid #a3a3a3;
padding: 0 10px; background: -webkit-linear-gradient(top, #cdcdcd, #b6b6b6);
border-bottom: 1px solid #ddd; box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
background: #fff;
font-size: 13px; a {
font-weight: 700; display: block;
line-height: 34px; float: right;
color: #333; height: 27px;
margin-right: 10px;
font-size: 11px;
font-weight: bold;
line-height: 23px;
color: #333;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
.sort-label {
font-size: 9px;
text-transform: uppercase;
}
}
}
&.read .title { .board-drop-btn {
font-weight: 400; display: block;
color: #737373; height: 60px;
border-bottom: 1px solid #a3a3a3;
border-radius: 3px 0 0 0;
background: -webkit-linear-gradient(top, #ebebeb, #d9d9d9);
font-size: 16px;
font-weight: 700;
line-height: 58px;
text-align: center;
color: #333 !important;
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
}
} }
} .post-list {
a {
display: block;
height: 36px;
padding: 0 10px;
border-bottom: 1px solid #ddd;
background: #fff;
font-size: 13px;
font-weight: 700;
line-height: 34px;
color: #333;
&.read .title {
font-weight: 400;
color: #737373;
}
}
.title { .title {
display: block; display: block;
float: left; float: left;
width: 70%; width: 70%;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
} }
.votes, .votes,
.comments { .comments {
display: block; display: block;
float: right; float: right;
width: 32px; width: 32px;
height: 16px; height: 16px;
margin-top: 9px; margin-top: 9px;
border-radius: 2px; border-radius: 2px;
background: -webkit-linear-gradient(top, #d4d4d4, #dfdfdf); background: -webkit-linear-gradient(top, #d4d4d4, #dfdfdf);
font-size: 9px; font-size: 9px;
font-weight: 700; font-weight: 700;
line-height: 16px; line-height: 16px;
text-align: center; text-align: center;
color: #767676; color: #767676;
} }
.comments { .comments {
position: relative; position: relative;
margin-left: 4px; margin-left: 4px;
&:after { &:after {
content: '◥'; content: '◥';
display: block; display: block;
position: absolute; position: absolute;
top: 11px; top: 11px;
right: 3px; right: 3px;
font-size: 6px; font-size: 6px;
color: #dfdfdf; color: #dfdfdf;
} }
&.new { &.new {
background: -webkit-linear-gradient(top, #84d7fe, #99e0fe); background: -webkit-linear-gradient(top, #84d7fe, #99e0fe);
color: #333; color: #333;
&:after { &:after {
color: #99e0fe; color: #99e0fe;
}
}
} }
} }
} }
...@@ -135,6 +138,7 @@ ...@@ -135,6 +138,7 @@
/*** OLD STUFF ***/ /*** OLD STUFF ***/
/*** Variables ***/ /*** Variables ***/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment