diff --git a/src/components/management/IPAField.jsx b/src/components/management/IPAField.jsx index cb46d36..885edea 100644 --- a/src/components/management/IPAField.jsx +++ b/src/components/management/IPAField.jsx @@ -54,15 +54,10 @@ export class IPAField extends Component { showTable () { if (this.state.doShowTable) { return ( -
-
this.setState({ doShowTable: false })} /> - - this.setState({ value: newValue }, this.field.focus())} /> - -
+ this.setState({ doShowTable: false })} + update={newValue => this.setState({ value: newValue }, this.field.focus())} /> ); } } diff --git a/src/components/management/IPATable.jsx b/src/components/management/IPATable.jsx index 14cf1e5..8880f7b 100644 --- a/src/components/management/IPATable.jsx +++ b/src/components/management/IPATable.jsx @@ -2,1319 +2,1332 @@ import Inferno from 'inferno'; import {IPAField} from './IPAField'; -export const IPATable = ({value, update}) => { +export const IPATable = ({value, close, update}) => { /* Modified from KeyboardFire's Phondue project (https://github.com/KeyboardFire/phondue) to fit React/Inferno and Lexiconga */ const updateInput = (newValue) => { - console.log(newValue); - this.field.setState({ value: value + newValue }); update(value + newValue); } return ( -
+
+
close()} /> +
-
- this.field = field} - value={value} /> -
+
+

+ Pronunciation: {value} +

-
-

- Hover over characters to see their Phondue shortcuts. -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - Bilabial - - Labiodental - - Dental - - Alveolar - - Postalveolar - - Palatal - - Velar - - Uvular - - Pharyngeal - - Glottal -
- Plosive - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Nasal - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Trill - - - - - - - - - - - - - - - - - - - - - - - -
- Tap/Flap - - - - - - - - - - - - - - - - - - - - - - -
- Fricative - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Lateral fricative - - - - - - - - - - - - - - - - - - - - - - -
- Approximant - - - - - - - - - - - - - - - - - - - - - - - - -
- Lateral approximant - - - - - - - - - - - - - - - - - - - - - - - -
- - Front - - Central - - Back - - - Non-pulmonic - - - Other - - - Diacritics -
- Close - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Near-close - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Close-mid - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Mid - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Open-mid - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- Near-open - - - - - - - - - - - - - - - - - -
- Open - - - - - - - - - - - - - - - - - - Suprasegmental - - - - - - - - - - - - - - - - -
+
- +
+

+ Hover over characters to see their Phondue shortcuts. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Bilabial + + Labiodental + + Dental + + Alveolar + + Postalveolar + + Palatal + + Velar + + Uvular + + Pharyngeal + + Glottal +
+ Plosive + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nasal + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Trill + + + + + + + + + + + + + + + + + + + + + + + +
+ Tap/Flap + + + + + + + + + + + + + + + + + + + + + + +
+ Fricative + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Lateral fricative + + + + + + + + + + + + + + + + + + + + + + +
+ Approximant + + + + + + + + + + + + + + + + + + + + + + + + +
+ Lateral approximant + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + Front + + Central + + Back + + + Non-pulmonic + + + Other + + + Diacritics +
+ Close + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Near-close + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Close-mid + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Mid + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Open-mid + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Near-open + + + + + + + + + + + + + + + + + +
+ Open + + + + + + + + + + + + + + + + + + Suprasegmental + + + + + + + + + + + + + + + + +
+ +
+ +
) } \ No newline at end of file diff --git a/src/sass/_styles.scss b/src/sass/_styles.scss index 922b462..d9c64e5 100644 --- a/src/sass/_styles.scss +++ b/src/sass/_styles.scss @@ -28,12 +28,7 @@ } } -.ipa-suggest { - @extend .box; - position: absolute; - background-color: #FFFFFF; - border: 1px solid #CCCCFF; - font-size: 90%; - width: 200px; - z-index: 90; +.modal-card-title { + word-wrap: break-word; + max-width: 100%; } diff --git a/vendor/KeyboardFire/phondue/usage.html b/vendor/KeyboardFire/phondue/usage.html index c0c42f1..ea5bba0 100644 --- a/vendor/KeyboardFire/phondue/usage.html +++ b/vendor/KeyboardFire/phondue/usage.html @@ -1,5 +1,6 @@

The Pronunciation field in Lexiconga utilizes KeyboardFire's -Phondue web script to make typing IPA pronunciations much more convenient. +Phondue 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 digraphs that allow you to type any IPA symbol with only a standard keyboard.

These symbols were decided to be intuitive as possible: