diff --git a/css/style.css b/css/style.css index 030ae096122aa9dadd0cb3ea8d76ba0075828f56..68896e7dd7a7ccab924c4568a812829fe111b357 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 7fd13d6ff77e8239e399183725ea88554fd140a6..0891043e47c757ff06711b724c1386f699a7ebe1 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"