🎨 Amélioration de la page règle

En-tête de description moins austère
Ajout des notes d'implémentation

source/components/rule/Rule.css

@@ -65,8 +65,8 @@
 }
 
 #meta-content {
-	border-top: 1px solid rgba(51, 51, 80, 0.2);
-	background: rgba(51, 51, 80, 0.03);
+	border: 1px solid rgba(41, 117, 209, 0.3);
+	background: rgba(41, 117, 209, 0.08);
 	padding: 1em;
 	display: flex;
 	justify-content: flex-start;
@@ -78,12 +78,6 @@
 	font-size: 95%;
 }
 
-#rule h3 {
-	font-size: 100%;
-	font-weight: 400;
-	margin: 0.4em 0;
-}
-
 #destinataire {
 	text-align: center;
 	max-width: 25%;
@@ -127,3 +121,7 @@
 	margin: 3em auto 0;
 	display: block;
 }
+
+#notes {
+	color: #666;
+}

source/components/rule/Rule.js

@@ -57,7 +57,10 @@ export default class Rule extends Component {
 						showValues={situationExists}
 					/>
 					{rule.note && (
-						<section id="notes">{createMarkdownDiv(rule.note)}</section>
+						<section id="notes">
+							<h3>Note: </h3>
+							{createMarkdownDiv(rule.note)}
+						</section>
 					)}
 					<Examples
 						situationExists={conversationStarted}

source/webpack.config.js

@@ -14,10 +14,8 @@ module.exports = {
 					'@babel/polyfill',
 					'react-hot-loader/patch',
 					'./source/entry.js'
-				],
+				]
 		// le nom "simulateur" est là pour des raisons historiques
-		simulateur: './source/iframe-script.js',
-		'colour-chooser': ['@babel/polyfill', './source/entry-colour-chooser.js']
 	},
 	output: {
 		path: path.resolve('./dist/'),