Improve wording & functionality in IPA components.

This commit is contained in:
Robbie Antenesse 2017-04-27 17:03:01 -06:00
parent adb7275f13
commit 053ef54402
4 changed files with 1322 additions and 1318 deletions

View File

@ -54,15 +54,10 @@ export class IPAField extends Component {
showTable () { showTable () {
if (this.state.doShowTable) { if (this.state.doShowTable) {
return ( return (
<div className='modal is-active'> <IPATable
<div className='modal-background' value={this.state.value}
onClick={() => this.setState({ doShowTable: false })} /> close={() => this.setState({ doShowTable: false })}
update={newValue => this.setState({ value: newValue }, this.field.focus())} />
<IPATable
value={this.state.value}
update={newValue => this.setState({ value: newValue }, this.field.focus())} />
</div>
); );
} }
} }

File diff suppressed because it is too large Load Diff

View File

@ -28,12 +28,7 @@
} }
} }
.ipa-suggest { .modal-card-title {
@extend .box; word-wrap: break-word;
position: absolute; max-width: 100%;
background-color: #FFFFFF;
border: 1px solid #CCCCFF;
font-size: 90%;
width: 200px;
z-index: 90;
} }

View File

@ -1,5 +1,6 @@
<p>The Pronunciation field in Lexiconga utilizes <a href='https://github.com/KeyboardFire/phondue' target='_blank'>KeyboardFire's <p>The Pronunciation field in Lexiconga utilizes <a href='https://github.com/KeyboardFire/phondue' target='_blank'>KeyboardFire's
Phondue</a> web script to make typing IPA pronunciations much more convenient. Phondue</a> web script to make typing IPA pronunciations much more convenient. While you
can still point and click to select IPA characters using the IPA table,
Phondue provides many two-key keyboard shortcuts called <strong>digraphs</strong> Phondue provides many two-key keyboard shortcuts called <strong>digraphs</strong>
that allow you to type any IPA symbol with only a standard keyboard.</p> that allow you to type any IPA symbol with only a standard keyboard.</p>
<p>These symbols were decided to be intuitive as possible:</p> <p>These symbols were decided to be intuitive as possible:</p>