From d45e75d3d891cd0ff1d78b2c6b046b30890f8d4e Mon Sep 17 00:00:00 2001
From: Armand Bahi <armand.bahi@veremes.com>
Date: Thu, 8 Nov 2018 11:21:10 +0100
Subject: [PATCH] Interface checkbox
---
src/module_vmap/module/css/vmap.less | 4 ++++
.../template/tools/comparemapmanager.html | 18 +++++++++++++++---
2 files changed, 19 insertions(+), 3 deletions(-)
diff --git a/src/module_vmap/module/css/vmap.less b/src/module_vmap/module/css/vmap.less
index cc42f401..b4f322e8 100644
--- a/src/module_vmap/module/css/vmap.less
+++ b/src/module_vmap/module/css/vmap.less
@@ -2438,3 +2438,7 @@ div.vmap-select-scale-alert{
min-height: 55px;
padding-top: 15px !important;
}
+
+.checkbox-inline label::before, .checkbox-inline label::after{
+ top: 3px;
+}
diff --git a/src/module_vmap/module/template/tools/comparemapmanager.html b/src/module_vmap/module/template/tools/comparemapmanager.html
index 53c76deb..54000409 100644
--- a/src/module_vmap/module/template/tools/comparemapmanager.html
+++ b/src/module_vmap/module/template/tools/comparemapmanager.html
@@ -1,8 +1,20 @@
<!--Mode compare-->
<div class="row margin-sides-0 no-padding">
- <div class = "col-md-12">
- <input type="checkbox" ng-model="ctrl.useCompareMode" id="useCompareModeCheckbox">
- <label for="useCompareModeCheckbox" class="control-label">Activer / Désactiver le mode comparaison</label>
+ <div class="margin-sides-20">
+ <div>
+ <div class="checkbox checkbox-info checkbox-inline checkbox_margin">
+ <input id="useCompareModeCheckbox"
+ type="checkbox"
+ style="cursor:pointer;"
+ title=">Activer / Désactiver le mode comparaison"
+ ng-model="ctrl.useCompareMode">
+ <label for="useCompareModeCheckbox"
+ style="cursor:pointer"
+ title="Activer / Désactiver le mode comparaison">
+ Activer / Désactiver le mode comparaison
+ </label>
+ </div>
+ </div>
</div>
<div ng-show="ctrl.useCompareMode" class="col-md-12"><hr></div>
<div ng-show="ctrl.useCompareMode" class="col-md-12 no-padding">
--
GitLab