Skip to content

E
edx-platform
Commit 8fc3248f by Kyle Fiedler
Options

More tweeks for visual style for the filter bar and settings

parent cb29e225
Showing with 39 additions and 25 deletions
cms/static/sass/_calendar.scss
...@@ -77,10 +77,18 @@ section.cal { ...@@ -77,10 +77,18 @@ section.cal {
text-transform: uppercase; text-transform: uppercase;
border-bottom: 1px solid lighten($dark-blue, 60%); border-bottom: 1px solid lighten($dark-blue, 60%);
padding: 6px; padding: 6px;
color: $bright-blue;
a { a {
color: $bright-blue; color: $bright-blue;
display: block; display: block;
padding: 6px;
margin: -6px;
&:hover {
color: darken($bright-blue, 10%);
background: lighten($yellow, 10%);
}
} }
} }
......
cms/static/sass/_layout.scss
...@@ -5,6 +5,7 @@ body { ...@@ -5,6 +5,7 @@ body {
> section { > section {
display: table; display: table;
table-layout: fixed;
width: 100%; width: 100%;
} }
......
cms/static/sass/_section.scss
section#unit-wrapper { section#unit-wrapper {
section.filters { section.filters {
@include clearfix; @include clearfix;
margin-bottom: 10px; background: $light-blue;
opacity: .4; border-bottom: 1px solid lighten($dark-blue, 40%);
padding: 5px 20px;
margin: -20px -20px 10px;
opacity: .7;
@include transition; @include transition;
&:hover { &:hover {
opacity: 1; opacity: 1;
padding: 10px 20px;
margin: -20px -20px 10px;
} }
ul { ul {
......
cms/templates/widgets/module-dropdown.html
...@@ -2,27 +2,27 @@ ...@@ -2,27 +2,27 @@
<a href="#" class="new-module"> <a href="#" class="new-module">
+ Add new module + Add new module
</a> </a>
<div> <!-- <div> -->
<form> <!-- <form> -->
<ul> <!-- <ul> -->
<li> <!-- <li> -->
<input type="text" name="" id="" placeholder="Moldule title" /> <!-- <input type="text" name="" id="" placeholder="Moldule title" /> -->
</li> <!-- </li> -->
<li> <!-- <li> -->
<select> <!-- <select> -->
<option>Use template</option> <!-- <option>Use template</option> -->
<option>Lecture Sequence</option> <!-- <option>Lecture Sequence</option> -->
<option>Use template</option> <!-- <option>Use template</option> -->
</select> <!-- </select> -->
</li> <!-- </li> -->
<li> <!-- <li> -->
<input type="submit" value="Create & Edit Module" /> <!-- <input type="submit" value="Create & Edit Module" /> -->
<div> <!-- <div> -->
<a href="#">Save without edit</a> <!-- <a href="#">Save without edit</a> -->
<a href="#">Cancel</a> <!-- <a href="#">Cancel</a> -->
</div> <!-- </div> -->
</li> <!-- </li> -->
</ul> <!-- </ul> -->
</form> <!-- </form> -->
</div> <!-- </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