oleh/astrolabe-nvc
1
0
Fork 0
mirror of https://github.com/olehomelchenko/astrolabe-nvc.git synced 2025-12-21 21:22:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: implement preview fit mode controls and overlay for improved visualization management

Browse Source
This commit is contained in:
Oleh Omelchenko
2025-10-18 02:52:48 +03:00
parent 73a5f69dde
commit 9ef7b1188f
5 changed files with 120 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
index.html
View File

@@ -160,10 +160,19 @@
<!-- Preview Panel -->
<div class="panel preview-panel" id="preview-panel">
<div class="panel-header">
Preview
<span>Preview</span>
<div class="preview-controls">
<span class="view-label">Fit:</span>
<div class="view-toggle-group">
<button class="btn btn-toggle active" id="preview-fit-default" title="Display at original spec dimensions">Original</button>
<button class="btn btn-toggle" id="preview-fit-width" title="Scale to fit preview pane width">Width</button>
<button class="btn btn-toggle" id="preview-fit-full" title="Scale to fit entire preview pane">Full</button>
</div>
</div>
</div>
<div class="panel-content">
<div id="vega-preview" style="height: 100%; width: 100%; overflow: auto;"></div>
<div class="panel-content" style="position: relative;">
<div id="vega-preview" style="height: 100%; width: 100%; overflow: auto; display: flex; align-items: center; justify-content: center;"></div>
<div id="preview-overlay" class="preview-overlay" style="display: none;"></div>
</div>
</div>
</div>