mirror of
https://github.com/Alamantus/Lexiconga.git
synced 2025-04-07 12:11:30 +02:00
Add IPA table modal; update maximize modal
This commit is contained in:
parent
b3a3c918dc
commit
2a35439c3f
9 changed files with 1910 additions and 30 deletions
17
index.html
17
index.html
|
|
@ -79,8 +79,9 @@
|
||||||
<label>Word<span class="red">*</span><br>
|
<label>Word<span class="red">*</span><br>
|
||||||
<input id="wordName">
|
<input id="wordName">
|
||||||
</label>
|
</label>
|
||||||
<label>Pronunciation<a class="label-button">IPA Chart</a><br>
|
<label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
|
||||||
<input id="wordPronunciation">
|
<input id="wordPronunciation"><br>
|
||||||
|
<a class="label-help-button ipa-field-help-button">Field Help</a>
|
||||||
</label>
|
</label>
|
||||||
<label>Part of Speech<br>
|
<label>Part of Speech<br>
|
||||||
<select id="wordPartOfSpeech" class="part-of-speech-select"></select>
|
<select id="wordPartOfSpeech" class="part-of-speech-select"></select>
|
||||||
|
|
@ -202,17 +203,23 @@
|
||||||
<div class="split three">
|
<div class="split three">
|
||||||
<div>
|
<div>
|
||||||
<label>Consonants<br>
|
<label>Consonants<br>
|
||||||
<input id="editConsonants">
|
<input id="editConsonants"><br>
|
||||||
|
<a class="label-help-button ipa-field-help-button">Field Help</a>
|
||||||
|
<a class="label-button ipa-table-button">IPA Chart</a>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Vowels<br>
|
<label>Vowels<br>
|
||||||
<input id="editVowels">
|
<input id="editVowels"><br>
|
||||||
|
<a class="label-help-button ipa-field-help-button">Field Help</a>
|
||||||
|
<a class="label-button ipa-table-button">IPA Chart</a>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label>Polyphthongs / Blends<br>
|
<label>Polyphthongs / Blends<br>
|
||||||
<input id="editBlends">
|
<input id="editBlends"><br>
|
||||||
|
<a class="label-help-button ipa-field-help-button">Field Help</a>
|
||||||
|
<a class="label-button ipa-table-button">IPA Chart</a>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
373
src/js/KeyboardFire/phondue/digraphs.json
Normal file
373
src/js/KeyboardFire/phondue/digraphs.json
Normal file
|
|
@ -0,0 +1,373 @@
|
||||||
|
{
|
||||||
|
"!*": "ǃ",
|
||||||
|
"!/": "¡",
|
||||||
|
"\"^": "̋",
|
||||||
|
"\"_": "̏",
|
||||||
|
"#_": "̻",
|
||||||
|
"''": "ˈ",
|
||||||
|
"')": "ʼ",
|
||||||
|
"'-": "˔",
|
||||||
|
"'^": "́",
|
||||||
|
"'_": "̀",
|
||||||
|
"((": "͡",
|
||||||
|
"(_": "̜",
|
||||||
|
"))": "͜",
|
||||||
|
")_": "̹",
|
||||||
|
"+_": "̟",
|
||||||
|
"+|": "ꜛ",
|
||||||
|
",,": "ˌ",
|
||||||
|
",-": "˕",
|
||||||
|
"-'": "˔",
|
||||||
|
"-,": "˕",
|
||||||
|
"-?": "ʡ",
|
||||||
|
"-E": "ɘ",
|
||||||
|
"-H": "ħ",
|
||||||
|
"-I": "ɨ",
|
||||||
|
"-J": "ɟ",
|
||||||
|
"-L": "ɬ",
|
||||||
|
"-O": "ɵ",
|
||||||
|
"-U": "ʉ",
|
||||||
|
"-^": "̄",
|
||||||
|
"-e": "ɘ",
|
||||||
|
"-h": "ħ",
|
||||||
|
"-i": "ɨ",
|
||||||
|
"-j": "ɟ",
|
||||||
|
"-l": "ɬ",
|
||||||
|
"-o": "ɵ",
|
||||||
|
"-u": "ʉ",
|
||||||
|
"-|": "ꜜ",
|
||||||
|
"-ʔ": "ʡ",
|
||||||
|
"-ʕ": "ʢ",
|
||||||
|
"-ʡ": "ʔ",
|
||||||
|
"-ʢ": "ʕ",
|
||||||
|
"-ː": "ˑ",
|
||||||
|
"-ˑ": "ː",
|
||||||
|
"/>": "↗",
|
||||||
|
"/\\": "ʌ",
|
||||||
|
"/^": "↗",
|
||||||
|
"1|": "˩",
|
||||||
|
"2|": "˨",
|
||||||
|
"3|": "˧",
|
||||||
|
"4|": "˦",
|
||||||
|
"5|": "˥",
|
||||||
|
"::": "ː",
|
||||||
|
":^": "̈",
|
||||||
|
":_": "̤",
|
||||||
|
"<|": "⊣",
|
||||||
|
"=*": "ǁ",
|
||||||
|
">/": "↗",
|
||||||
|
">R": "˞",
|
||||||
|
">\\": "↘",
|
||||||
|
">^": "̚",
|
||||||
|
">r": "˞",
|
||||||
|
">|": "⊢",
|
||||||
|
"?-": "ʡ",
|
||||||
|
"?/": "ʕ",
|
||||||
|
"??": "ʔ",
|
||||||
|
"A/": "ɐ",
|
||||||
|
"AA": "ɑ",
|
||||||
|
"AE": "æ",
|
||||||
|
"A|": "ɑ",
|
||||||
|
"B(": "ɓ",
|
||||||
|
"BB": "ʙ",
|
||||||
|
"BH": "β",
|
||||||
|
"C,": "ç",
|
||||||
|
"C/": "ɔ",
|
||||||
|
"CE": "ɶ",
|
||||||
|
"D(": "ɗ",
|
||||||
|
"D)": "ɖ",
|
||||||
|
"DH": "ð",
|
||||||
|
"E-": "ɘ",
|
||||||
|
"E/": "ə",
|
||||||
|
"EB": "ɞ",
|
||||||
|
"EE": "ɛ",
|
||||||
|
"G(": "ɠ",
|
||||||
|
"GG": "ɢ",
|
||||||
|
"H,": "ɦ",
|
||||||
|
"H-": "ħ",
|
||||||
|
"H/": "ɥ",
|
||||||
|
"HH": "ʜ",
|
||||||
|
"H^": "ʰ",
|
||||||
|
"I-": "ɨ",
|
||||||
|
"II": "ɪ",
|
||||||
|
"J(": "ʄ",
|
||||||
|
"J,": "ʝ",
|
||||||
|
"J-": "ɟ",
|
||||||
|
"J^": "ʲ",
|
||||||
|
"K/": "ʞ",
|
||||||
|
"L)": "ɭ",
|
||||||
|
"L-": "ɬ",
|
||||||
|
"LL": "ʟ",
|
||||||
|
"LR": "ɺ",
|
||||||
|
"LZ": "ɮ",
|
||||||
|
"L^": "ˡ",
|
||||||
|
"Lɾ": "ɺ",
|
||||||
|
"M,": "ɱ",
|
||||||
|
"M/": "ɯ",
|
||||||
|
"M^": "ᵐ",
|
||||||
|
"N)": "ɳ",
|
||||||
|
"N,": "ŋ",
|
||||||
|
"NN": "ɴ",
|
||||||
|
"N^": "ⁿ",
|
||||||
|
"O*": "ʘ",
|
||||||
|
"O-": "ɵ",
|
||||||
|
"O.": "ʘ",
|
||||||
|
"O/": "ø",
|
||||||
|
"OE": "œ",
|
||||||
|
"OO": "ɞ",
|
||||||
|
"OX": "ɤ",
|
||||||
|
"O^": "̊",
|
||||||
|
"O_": "̥",
|
||||||
|
"O|": "ɑ",
|
||||||
|
"PH": "ɸ",
|
||||||
|
"R)": "ɽ",
|
||||||
|
"R/": "ɹ",
|
||||||
|
"R0": "ɾ",
|
||||||
|
"R>": "˞",
|
||||||
|
"RL": "ɺ",
|
||||||
|
"RO": "ɾ",
|
||||||
|
"RR": "ʀ",
|
||||||
|
"S)": "ʂ",
|
||||||
|
"SH": "ʃ",
|
||||||
|
"SJ": "ɕ",
|
||||||
|
"T)": "ʈ",
|
||||||
|
"TH": "θ",
|
||||||
|
"U-": "ʉ",
|
||||||
|
"UU": "ʊ",
|
||||||
|
"U^": "̆",
|
||||||
|
"U_": "̮",
|
||||||
|
"V,": "ⱱ",
|
||||||
|
"V/": "ʌ",
|
||||||
|
"V0": "ʋ",
|
||||||
|
"VO": "ʋ",
|
||||||
|
"V^": "̌",
|
||||||
|
"V_": "̬",
|
||||||
|
"W,": "ɰ",
|
||||||
|
"W/": "ʍ",
|
||||||
|
"W^": "ʷ",
|
||||||
|
"W|": "ɰ",
|
||||||
|
"X,": "ɣ",
|
||||||
|
"XO": "ɤ",
|
||||||
|
"XX": "χ",
|
||||||
|
"X^": "̽",
|
||||||
|
"Xʃ": "ɧ",
|
||||||
|
"Y/": "ʎ",
|
||||||
|
"YY": "ʏ",
|
||||||
|
"Z)": "ʐ",
|
||||||
|
"ZH": "ʒ",
|
||||||
|
"ZJ": "ʑ",
|
||||||
|
"[]": "̻",
|
||||||
|
"[_": "̪",
|
||||||
|
"\\>": "↘",
|
||||||
|
"\\V": "↘",
|
||||||
|
"\\v": "↘",
|
||||||
|
"]_": "̺",
|
||||||
|
"^\"": "̋",
|
||||||
|
"^'": "́",
|
||||||
|
"^-": "̄",
|
||||||
|
"^/": "↗",
|
||||||
|
"^:": "̈",
|
||||||
|
"^>": "̚",
|
||||||
|
"^H": "ʰ",
|
||||||
|
"^J": "ʲ",
|
||||||
|
"^L": "ˡ",
|
||||||
|
"^M": "ᵐ",
|
||||||
|
"^N": "ⁿ",
|
||||||
|
"^O": "̊",
|
||||||
|
"^U": "̆",
|
||||||
|
"^V": "̌",
|
||||||
|
"^W": "ʷ",
|
||||||
|
"^X": "̽",
|
||||||
|
"^^": "̂",
|
||||||
|
"^_": "̯",
|
||||||
|
"^h": "ʰ",
|
||||||
|
"^j": "ʲ",
|
||||||
|
"^l": "ˡ",
|
||||||
|
"^m": "ᵐ",
|
||||||
|
"^n": "ⁿ",
|
||||||
|
"^o": "̊",
|
||||||
|
"^u": "̆",
|
||||||
|
"^v": "̌",
|
||||||
|
"^w": "ʷ",
|
||||||
|
"^x": "̽",
|
||||||
|
"^|": "̍",
|
||||||
|
"^~": "̃",
|
||||||
|
"^ŋ": "ᵑ",
|
||||||
|
"^ɣ": "ˠ",
|
||||||
|
"^ɥ": "ᶣ",
|
||||||
|
"^ʋ": "ᶹ",
|
||||||
|
"^ʕ": "ˤ",
|
||||||
|
"_\"": "̏",
|
||||||
|
"_#": "̻",
|
||||||
|
"_'": "̀",
|
||||||
|
"_(": "̜",
|
||||||
|
"_)": "̹",
|
||||||
|
"_+": "̟",
|
||||||
|
"_:": "̤",
|
||||||
|
"_O": "̥",
|
||||||
|
"_U": "̮",
|
||||||
|
"_V": "̬",
|
||||||
|
"_[": "̪",
|
||||||
|
"_]": "̺",
|
||||||
|
"_^": "̯",
|
||||||
|
"__": "̠",
|
||||||
|
"_o": "̥",
|
||||||
|
"_u": "̮",
|
||||||
|
"_v": "̬",
|
||||||
|
"_{": "̼",
|
||||||
|
"_|": "̩",
|
||||||
|
"_~": "̰",
|
||||||
|
"_˔": "̝",
|
||||||
|
"_˕": "̞",
|
||||||
|
"_⊢": "̙",
|
||||||
|
"_⊣": "̘",
|
||||||
|
"a/": "ɐ",
|
||||||
|
"a|": "ɑ",
|
||||||
|
"b(": "ɓ",
|
||||||
|
"c,": "ç",
|
||||||
|
"c/": "ɔ",
|
||||||
|
"d(": "ɗ",
|
||||||
|
"d)": "ɖ",
|
||||||
|
"e-": "ɘ",
|
||||||
|
"e/": "ə",
|
||||||
|
"g(": "ɠ",
|
||||||
|
"h,": "ɦ",
|
||||||
|
"h-": "ħ",
|
||||||
|
"h/": "ɥ",
|
||||||
|
"h^": "ʰ",
|
||||||
|
"i-": "ɨ",
|
||||||
|
"j(": "ʄ",
|
||||||
|
"j,": "ʝ",
|
||||||
|
"j-": "ɟ",
|
||||||
|
"j^": "ʲ",
|
||||||
|
"k/": "ʞ",
|
||||||
|
"l)": "ɭ",
|
||||||
|
"l-": "ɬ",
|
||||||
|
"l^": "ˡ",
|
||||||
|
"lɾ": "ɺ",
|
||||||
|
"m,": "ɱ",
|
||||||
|
"m/": "ɯ",
|
||||||
|
"m^": "ᵐ",
|
||||||
|
"n)": "ɳ",
|
||||||
|
"n,": "ŋ",
|
||||||
|
"n^": "ⁿ",
|
||||||
|
"o*": "ʘ",
|
||||||
|
"o-": "ɵ",
|
||||||
|
"o.": "ʘ",
|
||||||
|
"o/": "ø",
|
||||||
|
"o^": "̊",
|
||||||
|
"o_": "̥",
|
||||||
|
"o|": "ɑ",
|
||||||
|
"r)": "ɽ",
|
||||||
|
"r/": "ɹ",
|
||||||
|
"r0": "ɾ",
|
||||||
|
"r>": "˞",
|
||||||
|
"rO": "ɾ",
|
||||||
|
"s)": "ʂ",
|
||||||
|
"t)": "ʈ",
|
||||||
|
"u-": "ʉ",
|
||||||
|
"u^": "̆",
|
||||||
|
"u_": "̮",
|
||||||
|
"v,": "ⱱ",
|
||||||
|
"v/": "ʌ",
|
||||||
|
"v0": "ʋ",
|
||||||
|
"vO": "ʋ",
|
||||||
|
"v^": "̌",
|
||||||
|
"v_": "̬",
|
||||||
|
"w,": "ɰ",
|
||||||
|
"w/": "ʍ",
|
||||||
|
"w^": "ʷ",
|
||||||
|
"w|": "ɰ",
|
||||||
|
"x,": "ɣ",
|
||||||
|
"x^": "̽",
|
||||||
|
"xʃ": "ɧ",
|
||||||
|
"y/": "ʎ",
|
||||||
|
"z)": "ʐ",
|
||||||
|
"{_": "̼",
|
||||||
|
"|*": "ǀ",
|
||||||
|
"|-": "ꜜ",
|
||||||
|
"|<": "⊣",
|
||||||
|
"|=": "ǂ",
|
||||||
|
"|>": "⊢",
|
||||||
|
"|A": "ɒ",
|
||||||
|
"|O": "ɒ",
|
||||||
|
"|^": "̍",
|
||||||
|
"|_": "̩",
|
||||||
|
"|a": "ɒ",
|
||||||
|
"|o": "ɒ",
|
||||||
|
"||": "‖",
|
||||||
|
"~^": "̃",
|
||||||
|
"~_": "̰",
|
||||||
|
"~~": "̴",
|
||||||
|
"ŋ,": "ɲ",
|
||||||
|
"ŋ^": "ᵑ",
|
||||||
|
"ŋᵑ": "^",
|
||||||
|
"ɑ/": "ɒ",
|
||||||
|
"ɒ/": "ɑ",
|
||||||
|
"ɖ(": "ᶑ",
|
||||||
|
"ɗ)": "ᶑ",
|
||||||
|
"ɛ/": "ɜ",
|
||||||
|
"ɜ(": "ɞ",
|
||||||
|
"ɜ/": "ɛ",
|
||||||
|
"ɞ(": "ɜ",
|
||||||
|
"ɟ(": "ʄ",
|
||||||
|
"ɢ(": "ʛ",
|
||||||
|
"ɣ,": "χ",
|
||||||
|
"ɣ^": "ˠ",
|
||||||
|
"ɣˠ": "^",
|
||||||
|
"ɥ^": "ᶣ",
|
||||||
|
"ɥᶣ": "^",
|
||||||
|
"ɧX": "ʃ",
|
||||||
|
"ɧx": "ʃ",
|
||||||
|
"ɧʃ": "x",
|
||||||
|
"ɲ,": "ŋ",
|
||||||
|
"ɹ)": "ɻ",
|
||||||
|
"ɺL": "ɾ",
|
||||||
|
"ɺl": "ɾ",
|
||||||
|
"ɺɾ": "l",
|
||||||
|
"ɻ)": "ɹ",
|
||||||
|
"ɽ)": "ɾ",
|
||||||
|
"ɾ)": "ɽ",
|
||||||
|
"ɾL": "ɺ",
|
||||||
|
"ɾl": "ɺ",
|
||||||
|
"ʀ/": "ʁ",
|
||||||
|
"ʁ/": "ʀ",
|
||||||
|
"ʃX": "ɧ",
|
||||||
|
"ʃx": "ɧ",
|
||||||
|
"ʄ(": "ɟ",
|
||||||
|
"ʋ^": "ᶹ",
|
||||||
|
"ʋᶹ": "^",
|
||||||
|
"ʔ-": "ʡ",
|
||||||
|
"ʔ/": "ʕ",
|
||||||
|
"ʕ-": "ʢ",
|
||||||
|
"ʕ/": "ʔ",
|
||||||
|
"ʕ^": "ˤ",
|
||||||
|
"ʕˤ": "^",
|
||||||
|
"ʛ(": "ɢ",
|
||||||
|
"ʡ-": "ʔ",
|
||||||
|
"ʢ-": "ʕ",
|
||||||
|
"ː-": "ˑ",
|
||||||
|
"ˑ-": "ː",
|
||||||
|
"˔_": "̝",
|
||||||
|
"˔̝": "_",
|
||||||
|
"˕_": "̞",
|
||||||
|
"˕̞": "_",
|
||||||
|
"ˠɣ": "^",
|
||||||
|
"ˤʕ": "^",
|
||||||
|
"̘⊣": "_",
|
||||||
|
"̙⊢": "_",
|
||||||
|
"̝˔": "_",
|
||||||
|
"̞˕": "_",
|
||||||
|
"͜)": "‿",
|
||||||
|
"χ,": "ɣ",
|
||||||
|
"ᵑŋ": "^",
|
||||||
|
"ᶑ(": "ɖ",
|
||||||
|
"ᶑ)": "ɗ",
|
||||||
|
"ᶣɥ": "^",
|
||||||
|
"ᶹʋ": "^",
|
||||||
|
"‿)": "͜",
|
||||||
|
"⊢_": "̙",
|
||||||
|
"⊢̙": "_",
|
||||||
|
"⊣_": "̘",
|
||||||
|
"⊣̘": "_"
|
||||||
|
}
|
||||||
1155
src/js/KeyboardFire/phondue/ipa-table.html
Normal file
1155
src/js/KeyboardFire/phondue/ipa-table.html
Normal file
File diff suppressed because it is too large
Load diff
126
src/js/KeyboardFire/phondue/usage.html
Normal file
126
src/js/KeyboardFire/phondue/usage.html
Normal file
|
|
@ -0,0 +1,126 @@
|
||||||
|
<h1>Pronunciation Field Help</h1>
|
||||||
|
<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. 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>
|
||||||
|
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>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<p>Many symbols that look similar to letters of the English alphabet (such as
|
||||||
|
small caps) can be produced by doubling the capital letter:</p>
|
||||||
|
<pre><code> GG -> ɢ ?? -> ʔ NN -> ɴ BB -> ʙ RR -> ʀ XX -> χ
|
||||||
|
LL -> ʟ II -> ɪ YY -> ʏ UU -> ʊ EE -> ɛ OO -> ɞ
|
||||||
|
AA -> ɑ '' -> ˈ ,, -> ˌ :: -> ː
|
||||||
|
</code></pre>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>The slash is used to "reflect," "rotate," or otherwise flip around a given
|
||||||
|
symbol:</p>
|
||||||
|
<pre><code> ʀ/ -> ʁ ʔ/ -> ʕ ?/ -> ʕ r/ -> ɹ y/ -> ʎ m/ -> ɯ
|
||||||
|
o/ -> ø e/ -> ə ɛ/ -> ɜ c/ -> ɔ a/ -> ɐ ɑ/ -> ɒ
|
||||||
|
w/ -> ʍ h/ -> ɥ k/ -> ʞ !/ -> ¡ v/ -> ʌ
|
||||||
|
</code></pre>
|
||||||
|
<p>Also note that for any digraph, if either of the two characters that
|
||||||
|
compose it are not "standard" letters you can find on your keyboard, the
|
||||||
|
digraph can be done in reverse order—so since ʀ/ produces ʁ, you can press
|
||||||
|
/ again to go back to ʀ in case of accidental flippage (it's also weirdly
|
||||||
|
amusing to press RR///////).</p>
|
||||||
|
<p>This sometimes makes it easier to enter certain pairs; you may prefer to
|
||||||
|
use <code>AA</code> for <code>ɑ</code> and <code>AA/</code> for <code>ɒ</code> instead of the
|
||||||
|
visual <code>o|</code> and <code>|o</code>.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Digraphs have also been designed for when a symbol looks like two overlayed
|
||||||
|
characters, or two characters next to each other. This includes "hooked"
|
||||||
|
letters (such as ŋ), produced with the original letter and a comma, and
|
||||||
|
"stroked" letters (such as ɟ), produced with the original letter and a dash:</p>
|
||||||
|
<pre><code> m, -> ɱ n, -> ŋ ŋ, -> ɲ v, -> ⱱ c, -> ç j, -> ʝ
|
||||||
|
x, -> ɣ ɣ, -> χ h, -> ɦ w, -> ɰ
|
||||||
|
|
||||||
|
j- -> ɟ h- -> ħ l- -> ɬ i- -> ɨ u- -> ʉ e- -> ɘ
|
||||||
|
o- -> ɵ ʕ- -> ʢ ?- -> ʡ ʔ- -> ʡ
|
||||||
|
|
||||||
|
LZ -> ɮ OX -> ɤ XO -> ɤ OE -> œ EB -> ɞ AE -> æ
|
||||||
|
CE -> ɶ RL -> ɺ LR -> ɺ ɾl -> ɺ lɾ -> ɺ
|
||||||
|
|
||||||
|
w| -> ɰ o/ -> ø ɜ( -> ɞ /\ -> ʌ o| -> ɑ a| -> ɑ
|
||||||
|
|o -> ɒ |a -> ɒ
|
||||||
|
|
||||||
|
o. -> ʘ |= -> ǂ || -> ‖ /^ -> ↗ /> -> ↗ \v -> ↘
|
||||||
|
\> -> ↘
|
||||||
|
</code></pre>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Others are based on pronunciation:</p>
|
||||||
|
<pre><code> PH -> ɸ BH -> β TH -> θ DH -> ð SH -> ʃ ZH -> ʒ
|
||||||
|
SJ -> ɕ ZJ -> ʑ ʃx -> ɧ xʃ -> ɧ
|
||||||
|
</code></pre>
|
||||||
|
<p>It may be worth noting at this point that digraphs of two lowercase letters
|
||||||
|
were intentionally avoided to prevent interference with regular typing. If
|
||||||
|
you need to type a sequence without it turning into a digraph (maybe you
|
||||||
|
want to type an actual <code>ʃx</code>), place a backslash between the two characters
|
||||||
|
(so, type <code>ʃ\x</code>).</p>
|
||||||
|
<p>In fact, [backslash][anything] is treated as a digraph that simply resolves
|
||||||
|
to the second character.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>A few digraphs are based on shape:</p>
|
||||||
|
<pre><code> rO -> ɾ r0 -> ɾ vO -> ʋ v0 -> ʋ
|
||||||
|
</code></pre>
|
||||||
|
<p>Another related point: digraphs that contain a lowercase letter can also be
|
||||||
|
typed with that letter as uppercase. So, if <code>RO</code> is easier to type than
|
||||||
|
<code>rO</code>, that works as well.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Retroflex and nonpulmonic symbols have their own categories:</p>
|
||||||
|
<pre><code> retroflex: ) looks like the shape of the tongue
|
||||||
|
t) -> ʈ d) -> ɖ n) -> ɳ r) -> ɽ ɾ) -> ɽ s) -> ʂ
|
||||||
|
z) -> ʐ ɹ) -> ɻ l) -> ɭ ɗ) -> ᶑ
|
||||||
|
|
||||||
|
clicks: clicking noise reminiscent of a *
|
||||||
|
o* -> ʘ |* -> ǀ !* -> ǃ =* -> ǁ
|
||||||
|
|
||||||
|
implosives and ejective marker: direction of airflow
|
||||||
|
b( -> ɓ d( -> ɗ j( -> ʄ ɟ( -> ʄ g( -> ɠ ɢ( -> ʛ
|
||||||
|
ɖ( -> ᶑ ') -> ʼ
|
||||||
|
</code></pre>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Superscripts and diacritics that go above the letter use <code>^</code>, diacritics that
|
||||||
|
go below use <code>_</code>, and miscellaneous "moved" symbols
|
||||||
|
use <code><</code> or <code>></code>:</p>
|
||||||
|
<pre><code> ^h -> ʰ ^n -> ⁿ ^m -> ᵐ ^ŋ -> ᵑ ^l -> ˡ ^w -> ʷ
|
||||||
|
^j -> ʲ ^ɥ -> ᶣ ^ʋ -> ᶹ ^ɣ -> ˠ ^ʕ -> ˤ
|
||||||
|
|
||||||
|
_| -> ◌̩ ^| -> ◌̍ _o -> ◌̥ ^o -> ◌̊ _v -> ◌̬ ^v -> ◌̌
|
||||||
|
|
||||||
|
_^ -> ◌̯ _: -> ◌̤ _~ -> ◌̰ _[ -> ◌̪ _] -> ◌̺ _{ -> ◌̼
|
||||||
|
_+ -> ◌̟ __ -> ◌̠ _) -> ◌̹ _( -> ◌̜ _# -> ◌̻ [] -> ◌̻
|
||||||
|
|
||||||
|
^> -> ◌̚ ^: -> ◌̈ ^x -> ◌̽ ^~ -> ◌̃
|
||||||
|
|
||||||
|
-' -> ˔ _˔ -> ◌̝ -, -> ˕ _˕ -> ◌̞ <| -> ⊣ _⊣ -> ◌̘
|
||||||
|
>| -> ⊢ _⊢ -> ◌̙
|
||||||
|
|
||||||
|
~~ -> ◌̴ >r -> ˞
|
||||||
|
</code></pre>
|
||||||
|
<p>Note that all of these sequences can be flipped in order—that is, <code>^h</code>
|
||||||
|
produces the same thing as <code>h^</code>. This allows usage such as <code>|<_</code> to produce
|
||||||
|
<code>⊣_</code> which becomes ◌̘.</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Tonal countours use numbers plus <code>|</code>:</p>
|
||||||
|
<pre><code> 5| -> ˥ 4| -> ˦ 3| -> ˧ 2| -> ˨ 1| -> ˩
|
||||||
|
+| -> ꜛ -| -> ꜜ
|
||||||
|
</code></pre>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>Finally, some digraphs simply have unique mnemonics:</p>
|
||||||
|
<pre><code> ː- -> ˑ "chop off" the bottom triangle
|
||||||
|
(( -> ◌͡◌ two parens for a tie that connects 2 chars
|
||||||
|
)) -> ◌͜◌
|
||||||
|
◌͜◌) -> ‿ one more paren to make it a little bit longer
|
||||||
|
</code></pre>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
80
src/js/StackOverflow/inputCursorManagement.js
Normal file
80
src/js/StackOverflow/inputCursorManagement.js
Normal file
|
|
@ -0,0 +1,80 @@
|
||||||
|
export function insertAtCursor(myField, myValue) {
|
||||||
|
// http://stackoverflow.com/questions/11076975/insert-text-into-textarea-at-cursor-position-javascript
|
||||||
|
// IE support
|
||||||
|
if (document.selection) {
|
||||||
|
myField.focus();
|
||||||
|
sel = document.selection.createRange();
|
||||||
|
sel.text = myValue;
|
||||||
|
}
|
||||||
|
// MOZILLA and others
|
||||||
|
else if (myField.selectionStart || myField.selectionStart == '0') {
|
||||||
|
const selection = getInputSelection(myField);
|
||||||
|
myField.value = myField.value.substring(0, selection.start)
|
||||||
|
+ myValue
|
||||||
|
+ myField.value.substring(selection.end, myField.value.length);
|
||||||
|
myField.selectionStart = selection.start + myValue.length;
|
||||||
|
myField.selectionEnd = selection.start + myValue.length;
|
||||||
|
} else {
|
||||||
|
myField.value += myValue;
|
||||||
|
}
|
||||||
|
setSelectionRange(myField, myField.selectionEnd, myField.selectionEnd);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getInputSelection(el) {
|
||||||
|
// Retrieved from http://stackoverflow.com/a/4207763
|
||||||
|
var start = 0, end = 0, normalizedValue, range,
|
||||||
|
textInputRange, len, endRange;
|
||||||
|
el.focus();
|
||||||
|
if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") {
|
||||||
|
start = el.selectionStart;
|
||||||
|
end = el.selectionEnd;
|
||||||
|
} else {
|
||||||
|
range = document.selection.createRange();
|
||||||
|
|
||||||
|
if (range && range.parentElement() == el) {
|
||||||
|
len = el.value.length;
|
||||||
|
normalizedValue = el.value.replace(/\r\n/g, "\n");
|
||||||
|
|
||||||
|
// Create a working TextRange that lives only in the input
|
||||||
|
textInputRange = el.createTextRange();
|
||||||
|
textInputRange.moveToBookmark(range.getBookmark());
|
||||||
|
|
||||||
|
// Check if the start and end of the selection are at the very end
|
||||||
|
// of the input, since moveStart/moveEnd doesn't return what we want
|
||||||
|
// in those cases
|
||||||
|
endRange = el.createTextRange();
|
||||||
|
endRange.collapse(false);
|
||||||
|
|
||||||
|
if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
|
||||||
|
start = end = len;
|
||||||
|
} else {
|
||||||
|
start = -textInputRange.moveStart("character", -len);
|
||||||
|
start += normalizedValue.slice(0, start).split("\n").length - 1;
|
||||||
|
|
||||||
|
if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) {
|
||||||
|
end = len;
|
||||||
|
} else {
|
||||||
|
end = -textInputRange.moveEnd("character", -len);
|
||||||
|
end += normalizedValue.slice(0, end).split("\n").length - 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return { start, end };
|
||||||
|
}
|
||||||
|
|
||||||
|
export function setSelectionRange(input, selectionStart, selectionEnd) {
|
||||||
|
// Retrieved from http://stackoverflow.com/a/17858641/3508346
|
||||||
|
if (input.setSelectionRange) {
|
||||||
|
input.focus();
|
||||||
|
input.setSelectionRange(selectionStart, selectionEnd);
|
||||||
|
}
|
||||||
|
else if (input.createTextRange) {
|
||||||
|
var range = input.createTextRange();
|
||||||
|
range.collapse(true);
|
||||||
|
range.moveEnd('character', selectionEnd);
|
||||||
|
range.moveStart('character', selectionStart);
|
||||||
|
range.select();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -3,7 +3,16 @@ import { removeTags, slugify } from '../helpers';
|
||||||
import { getWordsStats, wordExists } from './utilities';
|
import { getWordsStats, wordExists } from './utilities';
|
||||||
import { getMatchingSearchWords, highlightSearchTerm, getSearchFilters, getSearchTerm } from './search';
|
import { getMatchingSearchWords, highlightSearchTerm, getSearchFilters, getSearchTerm } from './search';
|
||||||
import { showSection } from './displayToggles';
|
import { showSection } from './displayToggles';
|
||||||
import { setupSearchFilters, setupWordOptionButtons, setupPagination, setupWordOptionSelections, setupWordEditFormButtons, setupMaximizeModal, setupInfoModal } from './setupListeners';
|
import {
|
||||||
|
setupSearchFilters,
|
||||||
|
setupWordOptionButtons,
|
||||||
|
setupPagination,
|
||||||
|
setupWordOptionSelections,
|
||||||
|
setupWordEditFormButtons,
|
||||||
|
setupMaximizeModal,
|
||||||
|
setupInfoModal,
|
||||||
|
setupIPATable
|
||||||
|
} from './setupListeners';
|
||||||
import { getPaginationData } from './pagination';
|
import { getPaginationData } from './pagination';
|
||||||
import { getOpenEditForms } from './wordManagement';
|
import { getOpenEditForms } from './wordManagement';
|
||||||
|
|
||||||
|
|
@ -225,8 +234,9 @@ export function renderEditForm(wordId = false) {
|
||||||
<label>Word<span class="red">*</span><br>
|
<label>Word<span class="red">*</span><br>
|
||||||
<input id="wordName_${wordId}" value="${word.name}">
|
<input id="wordName_${wordId}" value="${word.name}">
|
||||||
</label>
|
</label>
|
||||||
<label>Pronunciation<a class="label-button">IPA Chart</a><br>
|
<label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
|
||||||
<input id="wordPronunciation_${wordId}" value="${word.pronunciation}">
|
<input id="wordPronunciation_${wordId}" value="${word.pronunciation}"><br>
|
||||||
|
<a class="label-help-button ipa-field-help-button">Field Help</a>
|
||||||
</label>
|
</label>
|
||||||
<label>Part of Speech<br>
|
<label>Part of Speech<br>
|
||||||
<select id="wordPartOfSpeech_${wordId}" class="part-of-speech-select">
|
<select id="wordPartOfSpeech_${wordId}" class="part-of-speech-select">
|
||||||
|
|
@ -249,22 +259,44 @@ export function renderEditForm(wordId = false) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function renderIPATable(ipaTableButton) {
|
||||||
|
ipaTableButton = typeof ipaTableButton.target === 'undefined' ? ipaTableButton : ipaTableButton.target;
|
||||||
|
// const label = ipaTableButton.parentElement.innerText.replace(/(\*|Maximize)/g, '').trim();
|
||||||
|
const textBox = ipaTableButton.parentElement.querySelector('input');
|
||||||
|
import('./KeyboardFire/phondue/ipa-table.html').then(html => {
|
||||||
|
const modalElement = document.createElement('section');
|
||||||
|
modalElement.classList.add('modal', 'ipa-table-modal');
|
||||||
|
modalElement.innerHTML = `<div class="modal-background"></div>
|
||||||
|
<div class="modal-content">
|
||||||
|
<a class="close-button">×︎</a>
|
||||||
|
<header><label>Pronunciation <input value="${textBox.value}"></label></header>
|
||||||
|
<section>
|
||||||
|
${html}
|
||||||
|
</section>
|
||||||
|
<footer><a class="button done-button">Done</a></footer>
|
||||||
|
</div>`;
|
||||||
|
|
||||||
|
document.body.appendChild(modalElement);
|
||||||
|
|
||||||
|
setupIPATable(modalElement, textBox);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
export function renderMaximizedTextbox(maximizeButton) {
|
export function renderMaximizedTextbox(maximizeButton) {
|
||||||
maximizeButton = typeof maximizeButton.target === 'undefined' ? maximizeButton : maximizeButton.target;
|
maximizeButton = typeof maximizeButton.target === 'undefined' ? maximizeButton : maximizeButton.target;
|
||||||
const label = maximizeButton.parentElement.innerText.replace(/(\*|Maximize)/g, '').trim();
|
const label = maximizeButton.parentElement.innerText.replace(/(\*|Maximize)/g, '').trim();
|
||||||
const textBox = maximizeButton.parentElement.querySelector('textarea');
|
const textBox = maximizeButton.parentElement.querySelector('textarea');
|
||||||
const modalElement = document.createElement('section');
|
const modalElement = document.createElement('section');
|
||||||
modalElement.classList.add('modal');
|
modalElement.classList.add('modal', 'maximize-modal');
|
||||||
modalElement.innerHTML = `<section class="modal maximize-modal"><div class="modal-background"></div>
|
modalElement.innerHTML = `<div class="modal-background"></div>
|
||||||
<div class="modal-content">
|
<div class="modal-content">
|
||||||
<a class="close-button">×︎</a>
|
<a class="close-button">×︎</a>
|
||||||
<header><h3>${label}</h3></header>
|
<header><h3>${label}</h3></header>
|
||||||
<section>
|
<section>
|
||||||
<textarea>${textBox.value}</textarea>
|
<textarea>${textBox.value}</textarea>
|
||||||
</section>
|
</section>
|
||||||
<footer><a class="button done-button">Done</a></footer>
|
<footer><a class="button done-button">Done</a></footer>
|
||||||
</div>
|
</div>`;
|
||||||
</section>`;
|
|
||||||
|
|
||||||
document.body.appendChild(modalElement);
|
document.body.appendChild(modalElement);
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,11 @@
|
||||||
import {showSection} from './displayToggles';
|
import {showSection} from './displayToggles';
|
||||||
import { renderWords, renderEditForm, renderMaximizedTextbox, renderInfoModal } from './render';
|
import { renderWords, renderEditForm, renderMaximizedTextbox, renderInfoModal, renderIPATable } from './render';
|
||||||
import { validateWord, addWord, confirmEditWord, cancelEditWord, confirmDeleteWord } from './wordManagement';
|
import { validateWord, addWord, confirmEditWord, cancelEditWord, confirmDeleteWord } from './wordManagement';
|
||||||
import { removeTags } from '../helpers';
|
import { removeTags } from '../helpers';
|
||||||
import { getNextId } from './utilities';
|
import { getNextId } from './utilities';
|
||||||
import { openEditModal, saveEditModal, saveAndCloseEditModal } from './dictionaryManagement';
|
import { openEditModal, saveEditModal, saveAndCloseEditModal } from './dictionaryManagement';
|
||||||
import { goToNextPage, goToPreviousPage, goToPage } from './pagination';
|
import { goToNextPage, goToPreviousPage, goToPage } from './pagination';
|
||||||
|
import { insertAtCursor } from './StackOverflow/inputCursorManagement';
|
||||||
|
|
||||||
export default function setupListeners() {
|
export default function setupListeners() {
|
||||||
setupDetailsTabs();
|
setupDetailsTabs();
|
||||||
|
|
@ -163,6 +164,7 @@ function setupWordForm() {
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
setupIPAButtons();
|
||||||
setupMaximizeButtons();
|
setupMaximizeButtons();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -226,6 +228,7 @@ export function setupWordEditFormButtons() {
|
||||||
button.addEventListener('click', cancelEditWord);
|
button.addEventListener('click', cancelEditWord);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
setupIPAButtons();
|
||||||
setupMaximizeButtons();
|
setupMaximizeButtons();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -264,6 +267,53 @@ export function setupPagination() {
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function setupIPAButtons() {
|
||||||
|
const ipaTableButtons = document.getElementsByClassName('ipa-table-button'),
|
||||||
|
ipaFieldHelpButtons = document.getElementsByClassName('ipa-field-help-button');
|
||||||
|
|
||||||
|
Array.from(ipaTableButtons).forEach(button => {
|
||||||
|
button.removeEventListener('click', renderIPATable);
|
||||||
|
button.addEventListener('click', renderIPATable);
|
||||||
|
});
|
||||||
|
|
||||||
|
const renderIPAHelp = () => {
|
||||||
|
import('./KeyboardFire/phondue/usage.html').then(html => {
|
||||||
|
renderInfoModal(html);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
Array.from(ipaFieldHelpButtons).forEach(button => {
|
||||||
|
button.removeEventListener('click', renderIPAHelp);
|
||||||
|
button.addEventListener('click', renderIPAHelp);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export function setupIPATable(modal, textBox) {
|
||||||
|
const closeElements = modal.querySelectorAll('.modal-background, .close-button, .done-button'),
|
||||||
|
headerTextBox = modal.querySelector('header input'),
|
||||||
|
ipaButtons = modal.querySelectorAll('.td-btn button');
|
||||||
|
Array.from(closeElements).forEach(close => {
|
||||||
|
close.addEventListener('click', () => {
|
||||||
|
modal.parentElement.removeChild(modal);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
headerTextBox.addEventListener('change', () => {
|
||||||
|
textBox.value = headerTextBox.value;
|
||||||
|
});
|
||||||
|
|
||||||
|
Array.from(ipaButtons).forEach(button => {
|
||||||
|
button.addEventListener('click', () => {
|
||||||
|
console.log(button);
|
||||||
|
insertAtCursor(headerTextBox, button.innerText);
|
||||||
|
textBox.value = headerTextBox.value;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
headerTextBox.focus();
|
||||||
|
}, 1);
|
||||||
|
}
|
||||||
|
|
||||||
export function setupMaximizeButtons() {
|
export function setupMaximizeButtons() {
|
||||||
const maximizeButtons = document.getElementsByClassName('maximize-button');
|
const maximizeButtons = document.getElementsByClassName('maximize-button');
|
||||||
Array.from(maximizeButtons).forEach(button => {
|
Array.from(maximizeButtons).forEach(button => {
|
||||||
|
|
|
||||||
|
|
@ -38,6 +38,16 @@ label {
|
||||||
line-height: 80% !important;
|
line-height: 80% !important;
|
||||||
padding: 3px 3px 5px;
|
padding: 3px 3px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.label-help-button {
|
||||||
|
@extend .button;
|
||||||
|
|
||||||
|
font-size: 70%;
|
||||||
|
font-weight: normal;
|
||||||
|
cursor: pointer;
|
||||||
|
line-height: 70% !important;
|
||||||
|
padding: 2px 2px 4px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
|
|
@ -103,7 +113,7 @@ span .tag {
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
width: 700px;
|
width: 800px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: 600px;
|
height: 600px;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
|
|
@ -115,6 +125,7 @@ span .tag {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
|
z-index: 1;
|
||||||
font-size: 200%;
|
font-size: 200%;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
|
||||||
|
|
@ -206,8 +206,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#editModal {
|
$nav-font-height: 16px;
|
||||||
$nav-font-height: 16px;
|
#editModal,
|
||||||
|
.ipa-table-modal,
|
||||||
|
.maximize-modal {
|
||||||
nav {
|
nav {
|
||||||
padding-top: $general-padding;
|
padding-top: $general-padding;
|
||||||
|
|
||||||
|
|
@ -221,16 +223,16 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
section, footer {
|
|
||||||
|
header, section, footer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
section {
|
|
||||||
top: ($general-padding * 2) + $nav-font-height + 10px;;
|
header {
|
||||||
bottom: ($general-padding * 2) + $nav-font-height + 16px;
|
top: 0;
|
||||||
padding: $general-padding;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
|
|
||||||
|
|
@ -239,17 +241,61 @@
|
||||||
line-height: $nav-font-height;
|
line-height: $nav-font-height;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#editModal {
|
||||||
|
section {
|
||||||
|
top: ($general-padding * 2) + $nav-font-height + 10px;;
|
||||||
|
bottom: ($general-padding * 2) + $nav-font-height + 16px;
|
||||||
|
padding: $general-padding;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
#editDescription {
|
#editDescription {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 280px;
|
height: 280px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ipa-table-modal,
|
||||||
.maximize-modal {
|
.maximize-modal {
|
||||||
|
.modal-content {
|
||||||
|
width: 1000px !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.ipa-table-modal {
|
||||||
|
.modal-content {
|
||||||
|
overflow: auto;
|
||||||
|
|
||||||
|
header * {
|
||||||
|
font-size: $nav-font-height;
|
||||||
|
line-height: $nav-font-height;
|
||||||
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
top: $general-padding + ($nav-font-height * 2) + 10px;
|
||||||
|
bottom: ($general-padding * 2) + $nav-font-height + 16px;
|
||||||
|
padding: 0 $general-padding $general-padding;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.maximize-modal {
|
||||||
|
section {
|
||||||
|
top: ($general-padding * 2) + $nav-font-height + 13px;;
|
||||||
|
bottom: ($general-padding * 2) + $nav-font-height + 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
|
position: relative;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
min-height: 400px;
|
height: 100%;
|
||||||
|
// min-height: 400px;
|
||||||
border: none;
|
border: none;
|
||||||
padding: $general-padding;
|
padding: $general-padding;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue