Commit 8216bb61 by marco

addition of font-awesome to LMS sass vendor assets, in additio nto light…

addition of font-awesome to LMS sass vendor assets, in additio nto light organization for applicaiton.scss to match studio sass breakdown.
parent 8886b596
...@@ -1289,6 +1289,7 @@ body.discussion { ...@@ -1289,6 +1289,7 @@ body.discussion {
} }
.label { .label {
display: block;
font-size: 12px; font-size: 12px;
} }
...@@ -1309,9 +1310,10 @@ body.discussion { ...@@ -1309,9 +1310,10 @@ body.discussion {
.home-stats { .home-stats {
.label-area { .label-area {
padding: $baseline;
display: inline-block; display: inline-block;
min-width: $baseline*5; min-width: $baseline*5;
width: 20%; width: 25%;
vertical-align: middle; vertical-align: middle;
.profile-link { .profile-link {
...@@ -1321,12 +1323,19 @@ body.discussion { ...@@ -1321,12 +1323,19 @@ body.discussion {
.stats-grouping { .stats-grouping {
display: inline-block; display: inline-block;
width: 70%; width: 65%;
.profile-stat { .profile-stat {
display: inline-block; display: inline-block;
padding: $baseline; width: 30%;
vertical-align: middle; vertical-align: middle;
font-size: 12px;
.count {
display: inline-block;
font-size: 28px;
padding: 0 $baseline/2;
}
} }
} }
} }
...@@ -1357,7 +1366,9 @@ body.discussion { ...@@ -1357,7 +1366,9 @@ body.discussion {
.row-item { .row-item {
display: inline-block; display: inline-block;
font-size: 12px;
width: 20%; width: 20%;
vertical-align: middle;
} }
} }
} }
......
...@@ -40,7 +40,7 @@ $light-gray: #ddd; ...@@ -40,7 +40,7 @@ $light-gray: #ddd;
$dark-gray: #333; $dark-gray: #333;
// edx.org-related // edx.org-related
$m-gray-l1: rgb(203,203,203); $m-gray-l1: rgb(203,203,203);
$m-gray-l2: rgb(246,246,246); $m-gray-l2: rgb(246,246,246);
$m-gray: rgb(153,153,153); $m-gray: rgb(153,153,153);
$m-gray-d1: rgb(102,102,102); $m-gray-d1: rgb(102,102,102);
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<%block name="headextra"> <%block name="headextra">
<%static:css group='course'/> <%static:css group='course'/>
<%include file="_js_head_dependencies.html" /> <%include file="_js_head_dependencies.html" />
</%block> </%block>
<%block name="js_extra"> <%block name="js_extra">
...@@ -29,8 +29,6 @@ ...@@ -29,8 +29,6 @@
<section class="home-header"> <section class="home-header">
<span class="label">DISCUSSION HOME:</span> <span class="label">DISCUSSION HOME:</span>
<h1 class="home-title">${course.display_name_with_default}</h1> <h1 class="home-title">${course.display_name_with_default}</h1>
<p class="home-description">Welcome to ${course.display_name_with_default}'s Discussion Home. Select a discussion from the left, or review your profile, participation and email notification settings below.
</p>
</section> </section>
<section class="home-stats"> <section class="home-stats">
<div class="label-area"> <div class="label-area">
...@@ -38,9 +36,9 @@ ...@@ -38,9 +36,9 @@
<a href="#" class="profile-link">Your profile Name</a> <a href="#" class="profile-link">Your profile Name</a>
</div> </div>
<div class="stats-grouping"> <div class="stats-grouping">
<div class="profile-stat profile-stat-posts">5 POSTS</div> <div class="profile-stat profile-stat-posts"><span class="count count-posts">5</span>POSTS</div>
<div class="profile-stat profile-stat-comments">12 COMMENTS</div> <div class="profile-stat profile-stat-comments"><span class="count count-comments">12</span> COMMENTS</div>
<div class="profile-stat profile-stat-following">9 POSTS I'M FOLLOWING</div> <div class="profile-stat profile-stat-following"><span class="count count-following">9</span> POSTS I'M FOLLOWING</div>
</div> </div>
</section> </section>
<span class="label">HOW TO USE EDX DISCUSSIONS</span> <span class="label">HOW TO USE EDX DISCUSSIONS</span>
...@@ -48,7 +46,9 @@ ...@@ -48,7 +46,9 @@
<ul class="helpgrid-list"> <ul class="helpgrid-list">
<li class="helpgrid-row helpgrid-row-navigation"> <li class="helpgrid-row helpgrid-row-navigation">
<span class="row-title">Navigation</span> <span class="row-title">Navigation</span>
<div class="row-item">Focus in on specific topics</div> <div class="row-item">
<i class="icon-home"></i>Focus in on specific topics
</div>
<div class="row-item">Search for specific posts</div> <div class="row-item">Search for specific posts</div>
<div class="row-item">Sort by date, vote, or comments</div> <div class="row-item">Sort by date, vote, or comments</div>
</li> </li>
......
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