I'm currently working on a frontend application and I've decided to utilize the Easyui library to help with managing the page layout.
One particular section of code is causing me some trouble:
<div id="stgis-app" class="stgis stgis-content easyui-layout" data-options="fit:true">
<div data-options="region:'north',border:false" class="filter">
<label>north region</label>
</div>
<div id="stgis-directions" data-options="region: 'west', border: false, collapsible: false, collapsed: true" style="width: 460px;">
<label>west region</label>
</div>
<div id="stgis-content" data-options="region:'center', border:false" style="overflow:hidden">
<label>center region</label>
</div>
My issue arises when the 'west' region is collapsed, causing the 'center' region to have an unwanted margin. However, when the 'west' region is expanded, the 'center' region has no margin, which is the desired outcome.
How can I eliminate this problematic margin?
Thank you