From c9395bf712baf17eef4460b650ea4a8fd8a7b7db Mon Sep 17 00:00:00 2001
From: Vincent Nivoliers <vincent.nivoliers@univ-lyon1.fr>
Date: Wed, 26 Oct 2016 17:08:07 +0200
Subject: [PATCH] collapsing draw area properly, buttons working
---
css/style.css | 37 +++++++++++++++++++++++++++++++++++++
explorer.php | 14 +++++++++++++-
2 files changed, 50 insertions(+), 1 deletion(-)
diff --git a/css/style.css b/css/style.css
index 030ae09..68896e7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -15,6 +15,43 @@ body {
}
}
+.panel-toggle,
+.panel-toggle:link,
+.panel-toggle:active,
+.panel-toggle:hover,
+.panel-toggle:visited {
+ text-decoration : none ;
+ outline : 0 ;
+}
+
+.collapse-marker:before {
+ content: "\e097" ;
+}
+
+.collapsed>.collapse-marker:before {
+ content: "\e096" ;
+}
+
+.collapsed>.collapse-hint-close {
+ display : none ;
+}
+
+.collapse-hint-open {
+ display : none ;
+}
+
+.collapsed>.collapse-hint-open {
+ display : inline-block ;
+}
+
+.collapse-hint-close, .collapse-hint-open {
+ margin-left : 10px ;
+}
+
+.collapse-marker {
+ margin-right : 10px ;
+}
+
#root-containet {
background : #fff ;
}
diff --git a/explorer.php b/explorer.php
index 7fd13d6..0891043 100644
--- a/explorer.php
+++ b/explorer.php
@@ -487,9 +487,21 @@
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title pull-left" id="draw-title">
- <a href="#draw-container" data-toggle="collapse">Carte</a>
+ <a class="panel-toggle collapsed" href="#draw-container" data-toggle="collapse">
+ <span class="glyphicon collapse-marker"></span>
+ Carte
+ <span class="collapse-hint-open"><small>(cliquer pour ouvrir)</small></span>
+ <span class="collapse-hint-close"><small>(cliquer pour fermer)</small></span>
+ </a>
</h3>
<div class="btn-group pull-right" role="group">
+ <button
+ class="btn btn-default"
+ type="button"
+ id="draw-clear"
+ >
+ <span class="glyphicon glyphicon-trash"></span>
+ </button>
<button
class="btn btn-default"
type="button"
--
GitLab