Andal.LND/edx-platform
6
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

revised cheatsheet markdown, fixed height + added vertical scroll, and replaced explanation example in sheet

Browse Source
This commit is contained in:
Brian Talbot
2013-01-13 12:47:30 -05:00
parent 04e9447367
commit 1cf5e10a34
3 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
cms/static/img/explanation-example.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 4.7 KiB

19
cms/templates/widgets/problem-edit.html
View File

@@ -35,7 +35,7 @@
<div class="cheatsheet-wrapper">
<div class="row">
<h6>Header</h6>
<div class="col sample">
<div class="col sample header">
<img src="/static/img/header-example.png" />
</div>
<div class="col">
@@ -46,7 +46,7 @@
</div>
<div class="row">
<h6>Multiple Choice</h6>
<div class="col sample">
<div class="col sample multiple-choice">
<img src="/static/img/choice-example.png" />
</div>
<div class="col">
@@ -57,7 +57,7 @@
</div>
<div class="row">
<h6>Check Multiple</h6>
<div class="col sample">
<div class="col sample explanation">
<img src="/static/img/multi-example.png" />
</div>
<div class="col">
@@ -68,7 +68,7 @@
</div>
<div class="row">
<h6>String Response</h6>
<div class="col sample">
<div class="col sample explanation">
<img src="/static/img/string-example.png" />
</div>
<div class="col">
@@ -77,7 +77,7 @@
</div>
<div class="row">
<h6>Numerical Response</h6>
<div class="col sample">
<div class="col sample explanation">
<img src="/static/img/number-example.png" />
</div>
<div class="col">
@@ -86,7 +86,7 @@
</div>
<div class="row">
<h6>Option Response</h6>
<div class="col sample">
<div class="col sample explanation">
<img src="/static/img/select-example.png" />
</div>
<div class="col">
@@ -95,14 +95,11 @@
</div>
<div class="row">
<h6>Explanation</h6>
<div class="col sample">
<div class="col sample explanation">
<img src="/static/img/explanation-example.png" />
</div>
<div class="col">
<pre><code>[explanation]
A short explanation of the answer.
[explanation]
</code></pre>
<pre><code>[explanation] A short explanation of the answer. [explanation]</code></pre>
</div>
</div>
</div>

4
common/lib/xmodule/xmodule/css/problem/edit.scss
View File

@@ -71,13 +71,15 @@
left: 100%;
width: 0;
border-radius: 0 3px 3px 0;
@include linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 15px);
@include linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, 0) 4px);
background-color: #fff;
overflow: hidden;
@include transition(width .3s);
&.shown {
width: 300px;
height: 100%;
overflow-y: scroll;
}
.cheatsheet-wrapper {