From cee8f6d197da48bf5e01366a557ad2bf6330252e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rapha=C3=ABl=20Franchet?= <raphael.franchet@ametys.org>
Date: Thu, 3 Oct 2019 22:29:06 +0200
Subject: [PATCH] =?UTF-8?q?Affichages=20R=C3=A8gles=20plateau=20#19?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 maps/resources/css/maps.css | 27 +++++++++++++++++++++------
 maps/resources/js/maps.js   |  2 +-
 2 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/maps/resources/css/maps.css b/maps/resources/css/maps.css
index fbe8606b..6c35ee08 100644
--- a/maps/resources/css/maps.css
+++ b/maps/resources/css/maps.css
@@ -330,7 +330,9 @@
     border-radius: 30px;
     width: 20px;
     height: 20px;
-    font-size: 16px;
+    font-size: 20px;
+    font-family: 'Moolbor';
+    text-shadow: 0px 0px 3px #000;
     z-index: 1;
 }
 
@@ -348,20 +350,33 @@
 
 .map-help-rule-title:before {
     content: attr(data-num);
-    border: 1px solid #000;
+    border: 5px solid #000;
     border-radius: 20px;
-    margin-right: 10px;
+    margin-right: 7px;
     display: inline-block;
-    width: 20px;
-    height: 20px;
+    width: 16px;
+    height: 16px;
+    font-size: 23px;
     text-align: center;
-    line-height: 30px;
+    line-height: 26px;
 }
 .map-help-rule-title {
     font-weight: bold;    
     font-size: 26px;
     line-height: 22px;
 }
+.map-help-rule-title[data-num='1']:before { border-color: #2F5496; }
+.map-help-legend[data-num='1'] { background-color: #2F5496; }
+.map-help-rule-title[data-num='2']:before { border-color: #538135; }
+.map-help-legend[data-num='2'] { background-color: #538135; }
+.map-help-rule-title[data-num='3']:before { border-color: #C10512; }
+.map-help-legend[data-num='3'] { background-color: #C10512; }
+.map-help-rule-title[data-num='4']:before { border-color: #BF9000; }
+.map-help-legend[data-num='4'] { background-color: #BF9000; }
+.map-help-rule-title[data-num='5']:before { border-color: #555555; }
+.map-help-legend[data-num='5'] { background-color: #555555; }
+.map-help-rule-title[data-num='6']:before { border-color: #C55A11; }
+.map-help-legend[data-num='6'] { background-color: #C55A11; }
 
 .map-help-rule-description, .map-help-rule-areas {
     padding-left: 33px;
diff --git a/maps/resources/js/maps.js b/maps/resources/js/maps.js
index aa0d69e6..f6ce81e4 100644
--- a/maps/resources/js/maps.js
+++ b/maps/resources/js/maps.js
@@ -369,7 +369,7 @@ var ConanMaps = {
                     for (var j=0; j < rules[i].coordinates.length; j++) 
                     {
                         var coo = rules[i].coordinates[j];
-                        aide += "<span class='map-help-legend' style='left: " + (coo[0]-bbSize) + "%; top: " + (coo[1]-bbSize) + "%; transform: rotate(" + (90*ConanMaps._rotation) + "deg)'>" + (i+1) + "</span>";
+                        aide += "<span class='map-help-legend' data-num='" + (i+1) + "' style='left: " + (coo[0]-bbSize) + "%; top: " + (coo[1]-bbSize) + "%; transform: rotate(" + (90*ConanMaps._rotation) + "deg)'>" + (i+1) + "</span>";
                     }
                 }
             }