diff --git a/source/components/Results.css b/source/components/Results.css index 6a3ceabd7..b2c1c7c1d 100644 --- a/source/components/Results.css +++ b/source/components/Results.css @@ -1,9 +1,15 @@ + +#resultsWrapper { + height: 40%; + display: flex; + align-items: flex-end; +} #results { + position: relative; margin: 0 auto; padding: .1em .3em; width: 95%; max-width: 45em; - margin: 0 auto; background: #2975D1; color: white; box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.25); diff --git a/source/components/Results.js b/source/components/Results.js index e2632e30d..58e102d24 100644 --- a/source/components/Results.js +++ b/source/components/Results.js @@ -36,6 +36,7 @@ export default class Results extends Component { let onRulePage = R.contains('/regle/')(location.pathname) return ( +
this.el = el} id="results"> {onRulePage && conversationStarted ?
@@ -61,6 +62,7 @@ export default class Results extends Component { )}
+
) } } diff --git a/source/components/Simulateur.css b/source/components/Simulateur.css index 85c5e72e9..d5c483f9e 100644 --- a/source/components/Simulateur.css +++ b/source/components/Simulateur.css @@ -1,18 +1,14 @@ #sim { - margin: 1% auto; - /*background-image: radial-gradient(ellipse at center, white -160%, rgba(255,255,255,0) 100%);*/ - /*background-image: radial-gradient(ellipse at center, #4A89DC -160%,#333350 70%);*/ + margin: 3% auto; + color: #333350; transition: background-color .5s; height: 100%; - padding-bottom: 10%; - - padding: 1em; width: 90%; max-width: 45em; font-size: 130%; - height: 100%; + height: 92%; } diff --git a/source/components/conversation/Conversation.js b/source/components/conversation/Conversation.js index 7386371c1..af74a73af 100644 --- a/source/components/conversation/Conversation.js +++ b/source/components/conversation/Conversation.js @@ -29,11 +29,11 @@ export default class Conversation extends Component { nextSteps } = this.props - scroller.scrollTo('myScrollToElement', { - duration: 200, - delay: 100, - smooth: true - }) + // scroller.scrollTo('myScrollToElement', { + // duration: 200, + // delay: 100, + // smooth: true + // }) return ( <> diff --git a/source/components/conversation/conversation.css b/source/components/conversation/conversation.css index 4acdf5cf1..f0da34427 100644 --- a/source/components/conversation/conversation.css +++ b/source/components/conversation/conversation.css @@ -1,7 +1,7 @@ #myScrollToElement { - height: 60%; + height: 55%; } #foldedSteps { @@ -542,3 +542,10 @@ for the appearing element to appear without stacking up below the first one */ border-radius: .2em; transition: .2s opacity; } + + +@media screen and (max-width:860px) { + .keyIcon { + display: none; + } +}