Sidebar fix

fix #26, fix #21
This commit is contained in:
Olivier Mayer
2015-03-20 19:23:08 +09:00
parent 63533323b5
commit 795e137011
4 changed files with 56 additions and 7 deletions

View File

@@ -185,6 +185,7 @@
<div id="idFrameC" class="PNB" style="right:auto;width:{{ w1 ~ '%' }}">
<div class="PNB wrapper">
<div class="tabs ui-tabs">
<div id="retractableButton"></div>
<ul class="icon-menu ui-tabs-nav ui-helper-reset">
{% if GV_thesaurus %}
<li class="proposals_WZ">
@@ -199,11 +200,6 @@
</a>
</li>
{% endif %}
<li style="float:right;">
<a href="#" class="escamote">
<img src="/skins/icons/workzoneEscamote.png" title="{{ 'Close the WorkZone' | trans }}"/>
</a>
</li>
<li class="ui-tabs-selected ui-corner-top">
<a href="#baskets" class="WZbasketTab">
<div id="basket_menu_trigger">&#9660;</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@@ -216,6 +216,22 @@ span.ww_winTitle {
top: 0 !important;
}
#idFrameC #retractableButton {
cursor: pointer;
width: 70px;
height: 70px;
float: right;
text-align: center;
line-height: 70px;
margin-bottom: -20px;
background: url("/skins/icons/workzoneEscamote.png") 30px 30px no-repeat;
}
#idFrameC.closed #retractableButton {
background: url("/skins/icons/workzoneEscamote_on.png") 30px 30px no-repeat;
}
#idFrameC .wrapper {
background-color: #3b3b3b;
right: 10px;

View File

@@ -1152,9 +1152,46 @@ $(document).ready(function () {
}
});
$('#idFrameC .escamote').bind('click', function (event) {
$('#idFrameC .ui-tabs-nav li').on('click', function (event) {
if($('#idFrameC').attr('data-status') == 'closed'){
$('#idFrameC').width(300);
$('#rightFrame').css('left', 300);
$('#rightFrame').width($(window).width()-300);
$('#baskets, #proposals, #thesaurus_tab').hide();
$('.ui-resizable-handle, #basket_menu_trigger').show();
var IDname = $(this).attr('aria-controls');
$('#'+IDname).show();
}
$('#idFrameC').attr('data-status', 'open');
$('.WZbasketTab').css('background-position', '9px 16px');
$('#idFrameC').removeClass('closed');
});
$('#idFrameC #retractableButton').bind('click', function (event) {
if($('#idFrameC').attr('data-status') != 'closed'){
$('#idFrameC').width(80);
$('#rightFrame').css('left', 80);
$('#rightFrame').width($(window).width()-80);
$('#idFrameC').attr('data-status', 'closed');
$('#baskets, #proposals, #thesaurus_tab, .ui-resizable-handle, #basket_menu_trigger').hide();
$('#idFrameC .ui-tabs-nav li').removeClass('ui-state-active');
$('.WZbasketTab').css('background-position', '15px 16px');
$('#idFrameC').addClass('closed');
}else{
$('#idFrameC').width(300);
$('#rightFrame').css('left', 300);
$('#rightFrame').width($(window).width()-300);
$('#idFrameC').attr('data-status', 'open');
$('.ui-resizable-handle, #basket_menu_trigger').show();
$('.WZbasketTab').css('background-position', '9px 16px');
$('#idFrameC').removeClass('closed');
}
event.stopImmediatePropagation();
p4.WorkZone.close();
//p4.WorkZone.close();
return false;
});