betagouv
/
mon-entreprise
mirror of https://github.com/betagouv/mon-entreprise
1
0
Fork 0
Code Releases Activity

Redesign de l'incitation à comprendre les résultats

pull/105/head
mama 2017-10-19 17:14:13 +02:00
parent 7debf91a34
commit 088f00da70
2 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
source/components/Results.css
View File

@ -54,6 +54,16 @@
#results h2 i {
margin-right: .6em;
}
#results h2 small {
opacity: 0.7;
font-size: 70%;
font-weight: 400;
}
#results h2 span {
font-size: 70%;
margin: 0 .6em
}
#results ul {
list-style: none;
padding-left: 0;
@ -73,13 +83,6 @@
}
#results #incitation {
text-align: center;
font-style: italic;
opacity: 0.9;
font-size: 85%;
margin-bottom: .1em;
}
@media (max-width: 1280px) {

3
source/components/Results.js
View File

@ -44,7 +44,7 @@ export default class Results extends Component {
</Link>
</div>
: <div id="results-titles">
<h2><i className="fa fa-calculator" aria-hidden="true"></i>{explanation.length == 1 ? 'Votre résultat' : 'Vos résultats'}</h2>
<h2><i className="fa fa-calculator" aria-hidden="true"></i>{explanation.length == 1 ? 'Votre résultat' : 'Vos résultats'}<span>·</span><small>Cliquez pour comprendre chaque calcul</small></h2>
</div>
}
<ul>
@ -52,7 +52,6 @@ export default class Results extends Component {
<RuleValueVignette {...rule} conversationStarted={conversationStarted} />
</li>)}
</ul>
<div id="incitation">Cliquez pour comprendre chaque calcul !</div>
</section>
)
}