Alamantus
/
lexiconga-lite
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Style the settings modal a bit better

This commit is contained in:
Robbie Antenesse 2019-05-10 10:37:46 -06:00
parent d682b0060e
commit ad3141ef6e
2 changed files with 26 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

@ -143,23 +143,26 @@
<div class="modal-content"> <div class="modal-content">
<a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a> <a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
<section> <section>
<form> <form class="split two">
<label>Use IPA Auto-Fill <div>
<input id="settingsUseIPA" type="checkbox" checked><br /> <label>Use IPA Auto-Fill
<small>Check this to use character combinations to input International Phonetic Alphabet characters into <input id="settingsUseIPA" type="checkbox" checked><br />
Pronunciation fields.</small> <small>Check this to use character combinations to input International Phonetic Alphabet characters into
</label> Pronunciation fields.</small>
</label>
<label>Theme
<select disabled> <label>Theme
<option selected value="default">Default</option> <select disabled>
<option value="dark">Dark</option> <option selected value="default">Default</option>
<option value="light">Light</option> <option value="dark">Dark</option>
<option value="blue">Blue</option> <option value="light">Light</option>
<option value="green">Green</option> <option value="blue">Blue</option>
<option value="royal">Royal</option> <option value="green">Green</option>
</select> <option value="royal">Royal</option>
</label> </select>
</label>
</div>
<div id="accountSettings"></div>
</form> </form>
</section> </section>
<footer> <footer>

6
src/scss/_structure.scss
View File

@ -82,6 +82,12 @@
} }
} }
#settingsModal {
.modal-content section {
padding: ($general-padding * 2) $general-padding $general-padding;
}
}
#mobileWordFormShow { #mobileWordFormShow {
display: none; display: none;
} }