Shrink help icon + Prevent the icon to disappear (with the text "circular view") when renkan is modified
--- 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");