r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

add subtitle

Browse source
This commit is contained in:
MathuraMG 2016-08-19 15:51:41 -04:00
parent 049b3ce0e5
commit 76c7c6384d
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
client/modules/IDE/components/Preferences.js
View file

@ -178,7 +178,8 @@ class Preferences extends React.Component {
</div> </div>
</div> </div>
<div className="preference"> <div className="preference">
<h4 className="preference__title">Hidden Text Output</h4> <h4 className="preference__title">Accessible Text-based Canvas</h4>
<h6 className="preference__subtitle">Used with screen reader</h6>
<div className="preference__options"> <div className="preference__options">
<button <button
className={textOutputOnClass} className={textOutputOnClass}

7
client/styles/components/_preferences.scss
View file

@ -46,6 +46,13 @@
margin-bottom: #{10 / $base-font-size}rem; margin-bottom: #{10 / $base-font-size}rem;
} }
.preference__subtitle {
width: 100%;
margin-bottom: #{10 / $base-font-size}rem;
margin-top: 0;
color: $light-inactive-text-color;
}
.preference__value { .preference__value {
border: 2px solid $light-button-border-color; border: 2px solid $light-button-border-color;
text-align: center; text-align: center;