Skip to content

E
edx-platform
Commit 3309581a by Chris Rodriguez
Options

Adding uniqueness to some elements

parent 45c1f28d
Showing with 6 additions and 12 deletions
lms/static/sass/course/modules/_calculator.scss
...@@ -68,9 +68,7 @@ div.calc-main { ...@@ -68,9 +68,7 @@ div.calc-main {
@include box-sizing(border-box); @include box-sizing(border-box);
padding: lh(); padding: lh();
label.sr { .calc-output-label {
// including the label here in case other .sr values are added
// we want to limit this 'white' only to the label
color: $white; color: $white;
} }
...@@ -95,9 +93,7 @@ div.calc-main { ...@@ -95,9 +93,7 @@ div.calc-main {
color: #333; color: #333;
} }
span.sr { .calc-button-label {
// including the element here in case other .sr values are added
// we want to limit this 'white' only to the span
background: $black; background: $black;
color: $white; color: $white;
} }
...@@ -163,9 +159,7 @@ div.calc-main { ...@@ -163,9 +159,7 @@ div.calc-main {
border: none; border: none;
} }
span.sr { .calc-hint {
// including the element here in case other .sr values are added
// we want to limit this 'white' only to the span
background: $black; background: $black;
color: $white; color: $white;
} }
......
lms/templates/calculator/toggle_calculator.html
...@@ -17,7 +17,7 @@ from django.core.urlresolvers import reverse ...@@ -17,7 +17,7 @@ from django.core.urlresolvers import reverse
<div class="help-wrapper"> <div class="help-wrapper">
<p class="sr" id="hint-instructions">${_('Use the arrow keys to navigate the tips or use the tab key to return to the calculator')}</p> <p class="sr" id="hint-instructions">${_('Use the arrow keys to navigate the tips or use the tab key to return to the calculator')}</p>
<button id="calculator_hint" aria-haspopup="true" aria-expanded="false" aria-controls="calculator_input_help" aria-describedby="hint-instructions"><span class="sr">${_("Hints")}</span></button> <button id="calculator_hint" aria-haspopup="true" aria-expanded="false" aria-controls="calculator_input_help" aria-describedby="hint-instructions"><span class="calc-hint sr">${_("Hints")}</span></button>
<ul id="calculator_input_help" class="help" aria-hidden="true"> <ul id="calculator_input_help" class="help" aria-hidden="true">
<li class="hint-item" id="hint-moreinfo"> <li class="hint-item" id="hint-moreinfo">
...@@ -135,8 +135,8 @@ from django.core.urlresolvers import reverse ...@@ -135,8 +135,8 @@ from django.core.urlresolvers import reverse
</div> </div>
</div> </div>
<button id="calculator_button">=<span class="sr">${_('Calculate')}</span></button> <button id="calculator_button">=<span class="calc-button-label sr">${_('Calculate')}</span></button>
<label for="calculator_output" class="sr">${_('Calculator Output')}</label> <label for="calculator_output" class="calc-output-label sr">${_('Calculator Output')}</label>
<input type="text" id="calculator_output" readonly /> <input type="text" id="calculator_output" readonly />
</form> </form>
</div> </div>
......
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