29 lines
1.7 KiB
CSS
29 lines
1.7 KiB
CSS
|
/* 右边缘可收起 BOM 抽屉 */
|
||
|
|
/* ---- edge BOM dock (collapsible drawer at the right edge) ---- */
|
||
|
|
#bomTab{position:fixed;right:0;top:64px;z-index:30;writing-mode:vertical-rl;text-orientation:mixed;
|
||
|
|
background:var(--pan2);color:var(--tx);border:1px solid var(--line);border-right:none;
|
||
|
|
border-radius:6px 0 0 6px;padding:12px 6px;font:inherit;cursor:pointer;letter-spacing:3px}
|
||
|
|
#bomTab:hover{border-color:var(--ac);color:#fff}
|
||
|
|
#bomTab b{color:var(--ac)}
|
||
|
|
#bomDock{position:fixed;right:0;top:46px;bottom:26px;width:min(430px,94vw);z-index:29;
|
||
|
|
transform:translateX(103%);transition:transform .22s ease;display:flex;flex-direction:column;
|
||
|
|
background:var(--pan);border-left:1px solid var(--ac);box-shadow:-10px 0 28px rgba(0,0,0,.5)}
|
||
|
|
#bomDock.open{transform:none}
|
||
|
|
#bomDock .dk-hd{display:flex;align-items:center;gap:8px;padding:9px 10px;flex:none;
|
||
|
|
border-bottom:1px solid var(--line)}
|
||
|
|
#bomDock .dk-hd b{font-size:13px}
|
||
|
|
#bomDock .dk-hd .q{color:var(--dim);font-size:11px;min-width:0;flex:0 1 auto;
|
||
|
|
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||
|
|
#bomDock .dk-x{margin-left:auto}
|
||
|
|
#bomDock .dk-bd{overflow:auto;padding:8px 11px 16px;flex:1;min-height:0}
|
||
|
|
.dk-sec{margin:4px 0 5px;color:var(--ac);font-size:12px;letter-spacing:.4px}
|
||
|
|
.dk-note{color:var(--dim);font-size:11px;margin:1px 0 6px}
|
||
|
|
#screws td{white-space:normal}
|
||
|
|
#screws td:first-child{white-space:nowrap}
|
||
|
|
#screws tbody tr{cursor:pointer;transition:background .12s}
|
||
|
|
#screws tbody tr:hover{background:rgba(76,154,255,.14)}
|
||
|
|
#screws tbody tr.scrHl{background:#1d3f74;box-shadow:inset 3px 0 0 var(--warn)}
|
||
|
|
.hudlink{pointer-events:auto;cursor:pointer;color:var(--ac);text-decoration:underline;margin-left:8px}
|
||
|
|
@media (max-width:760px){#bomTab{top:auto;bottom:36px}#bomDock{top:46px;bottom:26px}}
|
||
|
|
|