Shrink help icon + Prevent the icon to disappear (with the text "circular view") when renkan is modified
authorrougeronj
Fri, 21 Nov 2014 16:10:54 +0100
changeset 371 c70c34166758
parent 368 ed8888cec220
child 372 c74b7a4a23fa
Shrink help icon + Prevent the icon to disappear (with the text "circular view") when renkan is modified
src/hdalab/static/hdalab/css/additionnal_renkan.css
src/hdalab/templates/renkan_edit.html
--- a/src/hdalab/static/hdalab/css/additionnal_renkan.css	Thu Nov 20 15:25:28 2014 +0100
+++ b/src/hdalab/static/hdalab/css/additionnal_renkan.css	Fri Nov 21 16:10:54 2014 +0100
@@ -34,16 +34,18 @@
 }
 
 /* -------- help Popup -------- */
-.renkan_help{
-    display: inline;
-    line-height: 38px;
+.renkan_help {
+	display: list-item;
+    line-height: 32px;
 }
 
 #toggle-help{
-    float: right;
+    position: absolute;
+    right:0px;
     background: url('../img/toggle-help.png') no-repeat right center;
-    height: 32px;
-    width: 32px;
+    background-size: 28px 28px;
+    height: 28px;
+    width: 28px;
 }
 
 #help-container{
--- a/src/hdalab/templates/renkan_edit.html	Thu Nov 20 15:25:28 2014 +0100
+++ b/src/hdalab/templates/renkan_edit.html	Fri Nov 21 16:10:54 2014 +0100
@@ -9,7 +9,6 @@
         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/ui-lightness/jquery-ui-1.10.4.min.css' %}" />
         <link rel="stylesheet" type="text/css" href="{% static 'renkanmanager/lib/renkan/css/renkan.css' %}" />
         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/additionnal_renkan.css' %}" />
-        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/help-popup.css' %}" />
         <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/bjqs.css' %}" />
 {% endblock %}
 
@@ -144,7 +143,12 @@
 					    });
 			        	
 			        	$("#toggle-help").click(function(){
-			            	help_dialog.dialog("open");
+			        		if (help_dialog.dialog("isOpen")){
+			        			help_dialog.dialog("close");	
+			        		}
+			        		else{
+			        			help_dialog.dialog("open");
+			        		}
 			            });
 			    		$(".img-close").click(function(){
 			    			help_dialog.dialog("close");