basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss

This commit is contained in:
marco
2013-06-12 13:47:39 -04:00
parent e2f02cdf46
commit e87d07184d
4 changed files with 83 additions and 58 deletions

View File

@@ -733,13 +733,17 @@ body.discussion {
position: absolute;
top: 30%;
left: 30%;
<<<<<<< HEAD
color: $gray-l1;
=======
color: $gray;
>>>>>>> basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss
font-size: 28px;
z-index: 100;
width: 25px;
height: 25px;
opacity: 1;
@include transition(none);
@include transition(all .2s ease-out);
}
}
@@ -1008,7 +1012,11 @@ body.discussion {
border-bottom: 1px solid $gray-l3;
@include linear-gradient(top, rgba(255, 255, 255, .3), rgba(255, 255, 255, 0));
background-color: $gray-l2;
<<<<<<< HEAD
box-shadow: 0 1px 0 $white-t1 inset;
=======
box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
>>>>>>> basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss
span,
a {
@@ -1294,7 +1302,6 @@ body.discussion {
section {
border-bottom: 1px solid #ccc;
margin: $baseline $baseline $baseline 0;
}
.label {
@@ -1311,11 +1318,14 @@ body.discussion {
padding-bottom: $baseline/2;
}
<<<<<<< HEAD
=======
font-size: 12px;
}
>>>>>>> basic shell for discussion home page with both profile information and email notification settings
=======
>>>>>>> basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss
.home-header {
margin: 0;
}
@@ -1331,10 +1341,14 @@ body.discussion {
margin-bottom: $baseline/2;
}
.home-stats {
<<<<<<< HEAD
<<<<<<< HEAD
padding: $baseline 0;
=======
>>>>>>> basic shell for discussion home page with both profile information and email notification settings
=======
padding: $baseline 0;
>>>>>>> basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss
.label-area {
display: inline-block;
@@ -1361,6 +1375,7 @@ body.discussion {
.stats-grouping {
display: inline-block;
<<<<<<< HEAD
<<<<<<< HEAD
width: 70%;
<<<<<<< HEAD
@@ -1386,6 +1401,10 @@ body.discussion {
=======
width: 65%;
>>>>>>> addition of font-awesome to LMS sass vendor assets, in additio nto light organization for applicaiton.scss to match studio sass breakdown.
=======
width: 70%;
padding-left: $baseline;
>>>>>>> basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss
.profile-stat {
display: inline-block;
@@ -1400,6 +1419,11 @@ body.discussion {
display: inline-block;
font-size: 28px;
padding: 0 $baseline/2;
vertical-align: middle;
}
.profile-stat-label{
vertical-align: middle;
}
>>>>>>> addition of font-awesome to LMS sass vendor assets, in additio nto light organization for applicaiton.scss to match studio sass breakdown.
}
@@ -1499,17 +1523,18 @@ body.discussion {
border-bottom: 1px solid #b2b2b2;
.row-title {
padding: $baseline;
padding: 30px $baseline;
display: inline-block;
width: 15%;
background-color: $light-gray;
background-color: $gray-l4;
font-size: 12px;
}
.row-item-full, .row-item {
display: inline-block;
font-size: 12px;
width: 25%;
padding-left: $baseline/2;
width: 23%;
vertical-align: middle;
.icon {
@@ -1519,6 +1544,14 @@ body.discussion {
vertical-align: middle;
}
.icon-stack i {
padding: 0 $baseline/2;
}
.row-setting {
padding-left: $baseline;
}
.row-description {
display: inline-block;
width: 70%;
@@ -1530,7 +1563,8 @@ body.discussion {
width: 70%;
.row-description {
width: 90%;
width: 80%;
padding-left: 15px;
}
}
}

View File

@@ -37,17 +37,9 @@
@import 'base/font_face';
@import 'base/extends';
@import 'base/animations';
<<<<<<< HEAD
// base - starter
@import 'base/base';
=======
// base - starter
@import 'base/base';
>>>>>>> cleaned up font-awesome integration to work with new mako file .scss compiling, added in initial icon references
// shared - course
@import 'shared/forms';
@import 'shared/footer';
@@ -77,9 +69,4 @@
@import 'discussion';
@import 'news';
<<<<<<< HEAD
@import 'shame'; // shame file - used for any bad-form/orphaned scss that knowingly violate edX FED architecture/standards (see - http://csswizardry.com/2013/04/shame-css/)
=======
@import 'shame'; // shame file - used for any bad-form/orphaned scss that knowingly violate edX FED architecture/standards (see - http://csswizardry.com/2013/04/shame-css/)
>>>>>>> cleaned up font-awesome integration to work with new mako file .scss compiling, added in initial icon references

View File

@@ -43,8 +43,12 @@
%endif
<li>
<a href="#" class="drop-menu-meta-category">
<<<<<<< HEAD
<span class="board-name" data-discussion_id='#following'><i class="icon-star" style="padding-right:5px;"></i>Posts I&#39;m Following</span>
=======
<span class="board-name" data-discussion_id='#following'><i class="icon-star" style="padding-right:5px;"></i>Posts I'm Following</span>
>>>>>>> basic shell for home page exists, along with start of color cleanup for the rest of _discussion.scss
</a>
</li>
${render_dropdown(category_map)}

View File

@@ -53,51 +53,51 @@
</div>
</section>
<span class="label label-settings">HOW TO USE EDX DISCUSSIONS</span>
<section class="home-helpgrid">
<ul class="helpgrid-list">
<li class="helpgrid-row helpgrid-row-navigation">
<span class="row-title">Find discussions</span>
<div class="row-item">
<i class="icon icon-reorder"></i>
<span class="row-description">Focus in on specific topics</span>
</div>
<div class="row-item">
<i class="icon icon-search"></i>
<span class="row-description">Search for specific posts </span>
</div>
<div class="row-item">
<i class="icon icon-sort"></i>
<span class="row-description">Sort by date, vote, or comments </span>
</div>
</li>
<li class="helpgrid-row helpgrid-row-participation">
<span class="row-title">Engage with posts</span>
<div class="row-item">
<i class="icon icon-plus"></i>
<span class="row-description">Upvote posts and good responses</span>
</div>
<div class="row-item">
<i class="icon icon-flag"></i>
<span class="row-description">Report Forum Misuse</span>
</div>
<div class="row-item">
<section class="home-helpgrid">
<ul class="helpgrid-list">
<li class="helpgrid-row helpgrid-row-navigation">
<span class="row-title">Find discussions</span>
<div class="row-item">
<i class="icon icon-reorder"></i>
<span class="row-description">Focus in on specific topics</span>
</div>
<div class="row-item">
<i class="icon icon-search"></i>
<span class="row-description">Search for specific posts </span>
</div>
<div class="row-item">
<i class="icon icon-sort"></i>
<span class="row-description">Sort by date, vote, or comments </span>
</div>
</li>
<li class="helpgrid-row helpgrid-row-participation">
<span class="row-title">Engage with posts</span>
<div class="row-item">
<i class="icon icon-plus"></i>
<span class="row-description">Upvote posts and good responses</span>
</div>
<div class="row-item">
<i class="icon icon-flag"></i>
<span class="row-description">Report Forum Misuse</span>
</div>
<div class="row-item">
<i class="icon icon-star"></i>
<span class="row-description">Follow posts for updates</span>
</div>
</li>
<li class="helpgrid-row helpgrid-row-notification">
<span class="row-title">Receive updates</span>
<div class="row-item-full">
<i class="icon icon-envelope"></i>
</div>
</li>
<li class="helpgrid-row helpgrid-row-notification">
<span class="row-title">Receive updates</span>
<div class="row-item-full">
<i class="icon icon-envelope"></i>
<span class="row-setting"><input type="checkbox" name="email-notification"></input></span>
<span class="row-description"> If enabled, you will receive an email digest once a day notifying you about new, unread activity from posts you are following. </span>
</div>
</li>
</ul>
</section>
</li>
</ul>
</section>
</div>
</div>
</div>
</div>
</div>
</section>