theater/tendrils
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve mode styling and fix bubble overflow

Browse Source 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Ian Gulliver
2026-01-26 13:40:38 -08:00
parent 9bc44d4ee5
commit 3e2fa79325
1 changed files with 23 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
static/index.html
View File

@@ -133,6 +133,8 @@
padding: 1px 6px; padding: 1px 6px;
border-radius: 8px; border-radius: 8px;
white-space: nowrap; white-space: nowrap;
overflow: visible;
max-width: none;
} }
.node .switch-port.external { .node .switch-port.external {
@@ -211,6 +213,8 @@
padding: 1px 6px; padding: 1px 6px;
border-radius: 8px; border-radius: 8px;
white-space: nowrap; white-space: nowrap;
overflow: visible;
max-width: none;
} }
.node .root-label { .node .root-label {
@@ -348,11 +352,18 @@
padding: 1px 6px; padding: 1px 6px;
border-radius: 8px; border-radius: 8px;
white-space: nowrap; white-space: nowrap;
background: #444;
color: #fff; color: #fff;
z-index: 10; z-index: 10;
} }
.node .dante-info.tx-info {
background: #853;
}
.node .dante-info.rx-info {
background: #357;
}
.node .dante-info .dante-detail { .node .dante-info .dante-detail {
display: none; display: none;
position: absolute; position: absolute;
@@ -429,7 +440,7 @@
body.artnet-mode .node.artnet-out { body.artnet-mode .node.artnet-out {
opacity: 1; opacity: 1;
background: #2a2; background: #a62;
} }
body.artnet-mode .node.artnet-in { body.artnet-mode .node.artnet-in {
@@ -438,7 +449,7 @@
} }
body.artnet-mode .node.artnet-out.artnet-in { body.artnet-mode .node.artnet-out.artnet-in {
background: linear-gradient(135deg, #2a2 50%, #26d 50%); background: linear-gradient(135deg, #a62 50%, #26d 50%);
} }
body.artnet-mode .node .switch-port, body.artnet-mode .node .switch-port,
@@ -458,11 +469,18 @@
padding: 1px 6px; padding: 1px 6px;
border-radius: 8px; border-radius: 8px;
white-space: nowrap; white-space: nowrap;
background: #444;
color: #fff; color: #fff;
z-index: 10; z-index: 10;
} }
.node .artnet-info.out-info {
background: #753;
}
.node .artnet-info.in-info {
background: #357;
}
.node .artnet-info .artnet-detail { .node .artnet-info .artnet-detail {
display: none; display: none;
position: absolute; position: absolute;
@@ -559,7 +577,7 @@
padding: 1px 6px; padding: 1px 6px;
border-radius: 8px; border-radius: 8px;
white-space: nowrap; white-space: nowrap;
background: #444; background: #357;
color: #fff; color: #fff;
z-index: 10; z-index: 10;
} }