major improvements for big apps
This commit is contained in:
@@ -61,11 +61,13 @@ label{color:#a6adc8;user-select:none}
|
||||
#right-panel.collapsed{width:0!important;border:none;overflow:hidden}
|
||||
#log-panel{transition:height .15s}
|
||||
#log-panel.collapsed{height:28px;overflow:hidden}
|
||||
/* collapse toggle strips */
|
||||
.panel-strip{width:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#181825;border:1px solid #313244;color:#585b70;font-size:10px;writing-mode:horizontal-tb;user-select:none}
|
||||
.panel-strip:hover{background:#313244;color:#cdd6f4}
|
||||
#left-strip{border-left:none;border-top:none;border-bottom:none}
|
||||
#right-strip{border-right:none;border-top:none;border-bottom:none}
|
||||
/* collapse/resize strips */
|
||||
.panel-strip{width:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:col-resize;background:#181825;border:none;color:#585b70;font-size:9px;user-select:none;position:relative}
|
||||
.panel-strip::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;background:#45475a;border-radius:1px;pointer-events:none}
|
||||
.panel-strip:hover{background:#313244}
|
||||
.panel-strip:hover::after{background:#89b4fa}
|
||||
#left-strip{border-right:1px solid #313244}
|
||||
#right-strip{border-left:1px solid #313244}
|
||||
|
||||
/* ── tree ── */
|
||||
.tree-node{padding:1px 0}
|
||||
@@ -244,16 +246,16 @@ select{background:#313244;border:1px solid #45475a;color:#cdd6f4;padding:2px 4px
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Left collapse strip -->
|
||||
<div id="left-strip" class="panel-strip" title="Toggle left panel" onclick="togglePanelStrip('left-panel','left-strip','◀','▶')">◀</div>
|
||||
<!-- Left resize/collapse strip -->
|
||||
<div id="left-strip" class="panel-strip" title="Drag to resize · Click to collapse"></div>
|
||||
|
||||
<!-- CENTER: plots -->
|
||||
<div id="center-panel">
|
||||
<div class="empty-hint" id="no-plots-hint">Add a plot panel to begin — drag signals from the tree or traced list</div>
|
||||
</div>
|
||||
|
||||
<!-- Right collapse strip -->
|
||||
<div id="right-strip" class="panel-strip" title="Toggle right panel" onclick="togglePanelStrip('right-panel','right-strip','▶','◀')">▶</div>
|
||||
<!-- Right resize/collapse strip -->
|
||||
<div id="right-strip" class="panel-strip" title="Drag to resize · Click to collapse"></div>
|
||||
|
||||
<!-- RIGHT: tabs -->
|
||||
<div id="right-panel">
|
||||
|
||||
Reference in New Issue
Block a user