|
@@ -227,18 +227,18 @@ ${ commonheader(_('Notebook'), app_name, user, "68px") | n,unicode }
|
|
|
<div class="main-content">
|
|
<div class="main-content">
|
|
|
<div class="vertical-full container-fluid">
|
|
<div class="vertical-full container-fluid">
|
|
|
<div class="vertical-full tab-content" data-bind="foreach: notebooks">
|
|
<div class="vertical-full tab-content" data-bind="foreach: notebooks">
|
|
|
- <div class="vertical-full tab-pane row-fluid resize-container" data-bind="css: { active: $parent.selectedNotebook() === $data }, template: { name: 'notebook'}">
|
|
|
|
|
|
|
+ <div class="vertical-full tab-pane row-fluid panel-container" data-bind="css: { active: $parent.selectedNotebook() === $data }, template: { name: 'notebook'}">
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<script type="text/html" id="notebook">
|
|
<script type="text/html" id="notebook">
|
|
|
- <div class="assist-container left-panel" data-bind="visible: $root.isAssistVisible() && $root.isAssistAvailable(), style: { 'width': $root.leftPanelWidth() + '%' }">
|
|
|
|
|
|
|
+ <div class="assist-container left-panel" data-bind="visible: $root.isAssistVisible() && $root.isAssistAvailable()">
|
|
|
<div class="assist" data-bind="component: { name: 'assist-panel', params: { assist: assist, isAssistVisible: $root.isAssistVisible, isAssistAvailable: $root.isAssistAvailable, totalStorageId: 'sparkAssistVisible' }}"></div>
|
|
<div class="assist" data-bind="component: { name: 'assist-panel', params: { assist: assist, isAssistVisible: $root.isAssistVisible, isAssistAvailable: $root.isAssistAvailable, totalStorageId: 'sparkAssistVisible' }}"></div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="resize" data-bind="visible: $root.isAssistVisible() && $root.isAssistAvailable(), splitDraggable: { axis: 'x', limits: { min: 2, max: 98 },horizontalPercent: $root.leftPanelWidth, container: '.resize-container', onStop: function(){ window.setTimeout(redrawFixedHeaders, 100); } }"><div class="resize-bar"> </div></div>
|
|
|
|
|
- <div class="right-panel" data-bind="style: { 'width': $root.isAssistVisible() ? (99.5 - $root.leftPanelWidth()) + '%' : '100%' }">
|
|
|
|
|
|
|
+ <div class="resizer" data-bind="visible: $root.isAssistVisible() && $root.isAssistAvailable(), splitDraggable : { totalStorageRatioId: 'sparkLeftPanelRatio', leftPanelVisible: $root.isAssistVisible }"><div class="resize-bar"> </div></div>
|
|
|
|
|
+ <div class="right-panel">
|
|
|
<div>
|
|
<div>
|
|
|
<div data-bind="css: {'row-fluid row-container sortable-snippets':true, 'is-editing': $root.isEditing},
|
|
<div data-bind="css: {'row-fluid row-container sortable-snippets':true, 'is-editing': $root.isEditing},
|
|
|
sortable: { template: 'snippet', data: snippets, isEnabled: $root.isEditing,
|
|
sortable: { template: 'snippet', data: snippets, isEnabled: $root.isEditing,
|