From 211cb5f5f9176644c7c5d760ad2dfda676282470 Mon Sep 17 00:00:00 2001 From: Robbie Antenesse Date: Mon, 21 Aug 2017 14:37:26 -0600 Subject: [PATCH] Fix CSS height for details; Update code spacing in PhonologyDisplay --- .../DetailsSection/PhonologyDisplay.jsx | 108 ++++++++++-------- .../DetailsSection/styles.scss | 1 + 2 files changed, 61 insertions(+), 48 deletions(-) diff --git a/src/components/display/DictionaryDetails/DetailsSection/PhonologyDisplay.jsx b/src/components/display/DictionaryDetails/DetailsSection/PhonologyDisplay.jsx index dbb92f1..cc7e39e 100644 --- a/src/components/display/DictionaryDetails/DetailsSection/PhonologyDisplay.jsx +++ b/src/components/display/DictionaryDetails/DetailsSection/PhonologyDisplay.jsx @@ -15,28 +15,32 @@ export const PhonologyDisplay = ({ phonologyContent }) => {
Consonants:
- {phonologyContent.consonants.map(consonant => { - return ( - - { consonant } - - ); - })} + { + phonologyContent.consonants.map(consonant => { + return ( + + { consonant } + + ); + }) + }
Vowels:
- {phonologyContent.vowels.map(vowel => { - return ( - - { vowel } - - ); - })} + { + phonologyContent.vowels.map(vowel => { + return ( + + { vowel } + + ); + }) + }
@@ -50,14 +54,16 @@ export const PhonologyDisplay = ({ phonologyContent }) => {
Polyphthongs{'\u200B'}/{'\u200B'}Blends:
- {phonologyContent.blends.map(blend => { - return ( - - { blend } - - ); - })} + { + phonologyContent.blends.map(blend => { + return ( + + { blend } + + ); + }) + }
@@ -80,42 +86,48 @@ export const PhonologyDisplay = ({ phonologyContent }) => {
Onset:
- {phonologyContent.phonotactics.onset.map(onset => { - return ( - - { onset } - - ); - })} + { + phonologyContent.phonotactics.onset.map(onset => { + return ( + + { onset } + + ); + }) + }
Nucleus:
- {phonologyContent.phonotactics.nucleus.map(nucleus => { - return ( - - { nucleus } - - ); - })} + { + phonologyContent.phonotactics.nucleus.map(nucleus => { + return ( + + { nucleus } + + ); + }) + }
Coda:
- {phonologyContent.phonotactics.coda.map(coda => { - return ( - - { coda } - - ); - })} + { + phonologyContent.phonotactics.coda.map(coda => { + return ( + + { coda } + + ); + }) + }
diff --git a/src/components/display/DictionaryDetails/DetailsSection/styles.scss b/src/components/display/DictionaryDetails/DetailsSection/styles.scss index f1bef9b..554ffb7 100644 --- a/src/components/display/DictionaryDetails/DetailsSection/styles.scss +++ b/src/components/display/DictionaryDetails/DetailsSection/styles.scss @@ -6,6 +6,7 @@ .details-menu, .details-display { + height: 100%; max-height: 500px; overflow-y: auto; overflow-x: hidden;