Merge pull request #17 from ben69uaq/develop

ajout explications
ben69uaq · Jun 7, 2021 · eec8b93 · eec8b93
2 parents a4de6bb + 56ab003
commit eec8b93
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 3 deletions.
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
@@ -22,13 +22,13 @@
 		<input checked type="checkbox" name="RemoveReferenceParagraphe" id="rule5"><label for="rule5">Remove reference paragraphe</label><br/>
 		<br/>
 		<div style="border: 1px solid; padding: 15px;">
-			<span>Layout :</span><br/>
 			<input type="text" name="limit0" id="rule6" value="23"><label for="rule6">X</label>
 			<span style="margin-right: 40px;"></span>
 			<input type="text" name="limit1" id="rule7" value="55"><label for="rule7">Y</label><br/>
 			<input type="text" name="limit2" id="rule8" value="600"><label for="rule8">Width</label>
 			<span style="margin-right: 12px;"></span>
-			<input type="text" name="limit3" id="rule9" value="660"><label for="rule9">Height</label><br/>
+			<input type="text" name="limit3" id="rule9" value="660"><label for="rule9">Height</label>
+			<div id="help"><br/><span>?</span><br/><img id="explication" src="/rectangle.png"/></div>
 		</div>
 	</div>
 </body>

diff --git a/src/main/resources/static/rectangle.png b/src/main/resources/static/rectangle.png
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
@@ -70,13 +70,29 @@ body {
 }
 #rules {
     position: fixed;
-    padding: 20px;
     top: 40px;
     right: 25px;
+    width: 240px;
+    padding: 20px;
     background-color: darkgrey;
     box-shadow: 0 0 5px darkgrey;
 }
 #rules input[type=text] {
     width: 40px;
     margin-right: 5px;
+}
+#rules #help span {
+    cursor: help;
+    padding: 0px 4px;
+    border: 1px solid;
+    border-radius: 10px;
+    background-color: white;
+}
+#rules #help #explication {
+    display: none;
+    margin-top: 10px;
+    width: 210px;
+}
+#rules #help:hover #explication {
+    display: block;
 }