martino/MARTe_IO_Components
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working prototype

Browse Source
This commit is contained in:
Martino Ferrari
2026-05-19 10:48:06 +02:00
parent bdcdb39d21
commit e6ab50e90e
4 changed files with 521 additions and 184 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Client/WebUI/static/style.css
+31 -8
View File
@@ -239,19 +239,13 @@ input[type=range].trig-range::-webkit-slider-thumb {
min-height:0; position:relative; overflow:hidden;
}
.plot-card.drag-over { background:rgba(137,180,250,0.04); box-shadow:inset 0 0 0 2px var(--accent); }
/* Header: hidden by default, slides in on hover */
/* Header: always visible, part of normal card flex flow */
.plot-card-header {
position:absolute; top:0; left:0; right:0; z-index:5;
z-index:5; flex-shrink:0;
background:rgba(17,17,27,0.88); backdrop-filter:blur(6px);
border-bottom:1px solid var(--surface1);
display:flex; align-items:center; gap:5px;
padding:3px 8px; min-height:26px; overflow:hidden;
opacity:0; transform:translateY(-100%);
transition:opacity 0.12s ease, transform 0.12s ease;
pointer-events:none;
}
.plot-card:hover .plot-card-header {
opacity:1; transform:translateY(0); pointer-events:auto;
}
.plot-title {
font-size:11px; color:var(--subtext1); font-weight:600;
@@ -289,6 +283,35 @@ input[type=range].trig-range::-webkit-slider-thumb {
border:1px solid var(--mauve);
}
/* ── Signal style context menu ────────────────────────────────── */
#sig-ctx-menu {
position:fixed; z-index:300;
background:var(--mantle); border:1px solid var(--surface1); border-radius:var(--radius);
box-shadow:0 8px 24px rgba(0,0,0,0.6); padding:10px; min-width:210px;
}
.ctx-menu-header {
font-size:11px; color:var(--subtext0); margin-bottom:8px;
padding-bottom:6px; border-bottom:1px solid var(--surface0);
white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ctx-menu-key { color:var(--accent); font-weight:600; }
.ctx-row { display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.ctx-row label { font-size:11px; color:var(--subtext0); width:42px; flex-shrink:0; }
.ctx-btns { display:flex; gap:3px; flex-wrap:wrap; }
.ctx-btn {
background:var(--surface0); border:1px solid var(--surface1); border-radius:4px;
color:var(--subtext1); font-size:11px; padding:2px 7px; cursor:pointer;
transition:background var(--transition),border-color var(--transition),color var(--transition);
}
.ctx-btn:hover { background:var(--surface1); border-color:var(--accent); }
.ctx-btn.active { background:var(--surface1); border-color:var(--accent); color:var(--accent); }
#ctx-color {
width:28px; height:22px; border:1px solid var(--surface1); border-radius:4px;
background:transparent; cursor:pointer; padding:1px;
}
.ctx-range { width:80px; }
.ctx-range-val { font-size:11px; color:var(--mauve); min-width:26px; }
/* ── Empty state ──────────────────────────────────────────────── */
#empty-state {
position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);