🎨 améliore le style des modales

pull/1075/head
Johan Girod 2020-06-17 11:12:31 +02:00
parent c2a6dce3bf
commit fd6b535097
5 changed files with 17 additions and 12 deletions

View File

@ -61,7 +61,7 @@ const StyledOverlayWrapper = styled.div`
bottom: 0;
background: rgba(255, 255, 255, 0.9);
overflow: auto;
z-index: 1;
z-index: 2;
.overlayContent {
position: absolute;
padding-bottom: 1rem;
@ -77,8 +77,8 @@ const StyledOverlayWrapper = styled.div`
}
@media (min-width: 600px) {
.overlayContent {
transform: translateX(-50%);
top: 100px;
transform: translateX(-50%) translateY(10vh);
top: 0;
left: 50%;
width: 80%;
max-width: 40em;

View File

@ -37,7 +37,9 @@ export default function Question({
},
[onChange]
)
// if (choices.length > 4) {
// return <Select {...{choices, onSubmit, dottedName, onChange, value: CurrentValue}}
// }
const renderBinaryQuestion = () => {
return choices.map(({ value, label }, i: number) => (
<RadioLabel
@ -131,7 +133,7 @@ export const RadioLabel = props => (
<RadioLabelContent {...props} />
{props.description && (
<Explicable>
<h3>{props.label}</h3>
<h2>{props.label}</h2>
<Markdown source={props.description} />
</Explicable>
)}

View File

@ -29,11 +29,14 @@ async function searchCommunes(input) {
return null
}
const json = await response.json()
return json.flatMap(({ codesPostaux, ...commune }) =>
codesPostaux
.map(codePostal => ({ ...commune, codePostal }))
.filter(({ codePostal }) => codePostal.includes(number))
)
return json
.flatMap(({ codesPostaux, ...commune }) =>
codesPostaux
.sort()
.map(codePostal => ({ ...commune, codePostal }))
.filter(({ codePostal }) => codePostal.includes(number))
)
.slice(0, 10)
}
export default function Select({ onChange, onSubmit, value }) {

View File

@ -246,8 +246,8 @@ entreprise . ratio alternants:
description: |
Cette fraction détermine la contribution supplémentaire pour l'apprentissage pour les entreprises concernées.
suggestions:
1%: 0.01
5%: 0.05
1%: 1%
5%: 5%
par défaut: 0%
entreprise . association non lucrative: