Skip to content

E
edx-platform
Commit 09973bd8 by Kyle Fiedler
Options

Added fix for circut simulator

parent b17cbcdc
Showing with 227 additions and 233 deletions
common/lib/xmodule/xmodule/css/capa/display.scss
h2 { h2 {
margin-top: 0; margin-top: 0;
margin-bottom: 15px; margin-bottom: 15px;
width: flex-grid(2, 9); width: flex-grid(2, 9);
padding-right: flex-gutter(9); padding-right: flex-gutter(9);
border-right: 1px dashed #ddd; border-right: 1px dashed #ddd;
@include box-sizing(border-box); @include box-sizing(border-box);
display: table-cell; display: table-cell;
vertical-align: top; vertical-align: top;
&.problem-header { &.problem-header {
section.staff { section.staff {
margin-top: 30px; margin-top: 30px;
font-size: 80%; font-size: 80%;
}
} }
}
@media screen and (max-width:1120px) {
display: block;
width: auto;
border-right: 0;
}
@media print {
display: block;
width: auto;
border-right: 0;
}
}
section.problem {
display: table-cell;
width: flex-grid(7, 9);
padding-left: flex-gutter(9);
@media screen and (max-width:1120px) {
display: block;
width: auto;
padding: 0;
}
@media print { @media screen and (max-width:1120px) {
display: block; display: block;
width: auto; width: auto;
padding: 0; border-right: 0;
}
canvas, img { @media print {
page-break-inside: avoid; display: block;
width: auto;
border-right: 0;
} }
} }
section.problem {
display: table-cell;
width: flex-grid(7, 9);
padding-left: flex-gutter(9);
@media screen and (max-width:1120px) {
div { display: block;
p.status { width: auto;
text-indent: -9999px; padding: 0;
margin: -1px 0 0 10px;
} }
&.unanswered { @media print {
p.status { display: block;
@include inline-block(); width: auto;
background: url('../images/unanswered-icon.png') center center no-repeat; padding: 0;
height: 14px;
width: 14px;
}
}
&.processing { canvas, img {
p.status { page-break-inside: avoid;
@include inline-block();
background: url('../images/spinner.gif') center center no-repeat;
height: 20px;
width: 20px;
text-indent: -9999px;
} }
} }
&.correct, &.ui-icon-check {
p.status {
@include inline-block();
background: url('../images/correct-icon.png') center center no-repeat;
height: 20px;
width: 25px;
}
input {
border-color: green;
}
}
&.processing { div {
p.status { p.status {
@include inline-block(); text-indent: -9999px;
background: url('../images/spinner.gif') center center no-repeat; margin: -1px 0 0 10px;
height: 20px;
width: 20px;
}
input {
border-color: #aaa;
} }
}
&.incorrect, &.ui-icon-close { &.unanswered {
p.status { p.status {
@include inline-block(); @include inline-block();
background: url('../images/incorrect-icon.png') center center no-repeat; background: url('../images/unanswered-icon.png') center center no-repeat;
height: 20px; height: 14px;
width: 20px; width: 14px;
text-indent: -9999px; }
} }
input { &.processing {
border-color: red; p.status {
@include inline-block();
background: url('../images/spinner.gif') center center no-repeat;
height: 20px;
width: 20px;
text-indent: -9999px;
}
} }
}
> span { &.correct, &.ui-icon-check {
display: block; p.status {
margin-bottom: lh(.5); @include inline-block();
} background: url('../images/correct-icon.png') center center no-repeat;
height: 20px;
width: 25px;
}
p.answer { input {
@include inline-block(); border-color: green;
margin-bottom: 0; }
margin-left: 10px; }
&:before { &.processing {
content: "Answer: "; p.status {
font-weight: bold; @include inline-block();
display: inline; background: url('../images/spinner.gif') center center no-repeat;
height: 20px;
width: 20px;
}
} input {
&:empty { border-color: #aaa;
&:before {
display: none;
} }
} }
}
div.equation { &.incorrect, &.ui-icon-close {
clear: both; p.status {
padding: 6px; @include inline-block();
background: #eee; background: url('../images/incorrect-icon.png') center center no-repeat;
height: 20px;
width: 20px;
text-indent: -9999px;
}
span { input {
margin-bottom: 0; border-color: red;
}
} }
}
span { > span {
&.unanswered, &.ui-icon-bullet { display: block;
@include inline-block(); margin-bottom: lh(.5);
background: url('../images/unanswered-icon.png') center center no-repeat;
height: 14px;
position: relative;
top: 4px;
width: 14px;
} }
&.processing, &.ui-icon-processing { p.answer {
@include inline-block(); @include inline-block();
background: url('../images/spinner.gif') center center no-repeat; margin-bottom: 0;
height: 20px; margin-left: 10px;
position: relative;
top: 6px;
width: 25px;
}
&.correct, &.ui-icon-check { &:before {
@include inline-block(); content: "Answer: ";
background: url('../images/correct-icon.png') center center no-repeat; font-weight: bold;
height: 20px; display: inline;
position: relative;
top: 6px;
width: 25px;
}
&.incorrect, &.ui-icon-close { }
@include inline-block(); &:empty {
background: url('../images/incorrect-icon.png') center center no-repeat; &:before {
height: 20px; display: none;
width: 20px; }
position: relative; }
top: 6px;
} }
}
}
ul { div.equation {
list-style: disc outside none; clear: both;
margin-bottom: lh(); padding: 6px;
margin-left: .75em; background: #eee;
margin-left: .75rem;
}
ol {
list-style: decimal outside none;
margin-bottom: lh();
margin-left: .75em;
margin-left: .75rem;
}
dl { span {
line-height: 1.4em; margin-bottom: 0;
} }
}
dl dt { span {
font-weight: bold; &.unanswered, &.ui-icon-bullet {
} @include inline-block();
background: url('../images/unanswered-icon.png') center center no-repeat;
height: 14px;
position: relative;
top: 4px;
width: 14px;
}
dl dd { &.processing, &.ui-icon-processing {
margin-bottom: 0; @include inline-block();
} background: url('../images/spinner.gif') center center no-repeat;
height: 20px;
position: relative;
top: 6px;
width: 25px;
}
dd { &.correct, &.ui-icon-check {
margin-left: .5em; @include inline-block();
margin-left: .5rem; background: url('../images/correct-icon.png') center center no-repeat;
} height: 20px;
position: relative;
top: 6px;
width: 25px;
}
li { &.incorrect, &.ui-icon-close {
line-height: 1.4em; @include inline-block();
margin-bottom: lh(.5); background: url('../images/incorrect-icon.png') center center no-repeat;
height: 20px;
width: 20px;
position: relative;
top: 6px;
}
}
}
&:last-child { ul {
margin-bottom: 0; list-style: disc outside none;
margin-bottom: lh();
margin-left: .75em;
margin-left: .75rem;
} }
}
p { ol {
margin-bottom: lh(); list-style: decimal outside none;
} margin-bottom: lh();
margin-left: .75em;
margin-left: .75rem;
}
table { dl {
margin-bottom: lh(); line-height: 1.4em;
width: 100%; }
// border: 1px solid #ddd;
border-collapse: collapse;
th { dl dt {
// border-bottom: 2px solid #ccc;
font-weight: bold; font-weight: bold;
text-align: left;
} }
td { dl dd {
// border: 1px solid #ddd; margin-bottom: 0;
} }
caption, th, td { dd {
padding: .25em .75em .25em 0; margin-left: .5em;
padding: .25rem .75rem .25rem 0; margin-left: .5rem;
} }
caption { li {
background: #f1f1f1; line-height: 1.4em;
margin-bottom: .75em; margin-bottom: lh(.5);
margin-bottom: .75rem;
padding: .75em 0; &:last-child {
padding: .75rem 0; margin-bottom: 0;
}
} }
tr, td, th { p {
vertical-align: middle; margin-bottom: lh();
} }
} table {
margin-bottom: lh();
border-collapse: collapse;
table-layout: auto;
hr { th {
background: #ddd; font-weight: bold;
border: none; text-align: left;
clear: both; }
color: #ddd;
float: none;
height: 1px;
margin: 0 0 .75rem;
width: 100%;
}
.hidden { caption, th, td {
display: none; padding: .25em .75em .25em 0;
visibility: hidden; padding: .25rem .75rem .25rem 0;
} }
#{$all-text-inputs} { caption {
display: inline; background: #f1f1f1;
width: auto; margin-bottom: .75em;
} margin-bottom: .75rem;
padding: .75em 0;
padding: .75rem 0;
}
// this supports a deprecated element and should be removed once the center tag is removed tr, td, th {
center { vertical-align: middle;
display: block; }
margin: lh() 0;
border: 1px solid #ccc; }
padding: lh();
} hr {
background: #ddd;
border: none;
clear: both;
color: #ddd;
float: none;
height: 1px;
margin: 0 0 .75rem;
width: 100%;
}
.hidden {
display: none;
visibility: hidden;
}
#{$all-text-inputs} {
display: inline;
width: auto;
}
// this supports a deprecated element and should be removed once the center tag is removed
center {
display: block;
margin: lh() 0;
border: 1px solid #ccc;
padding: lh();
}
} }
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