jobe/wago-modbustcp-simulator-py
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🚧 WIP

Browse Source
This commit is contained in:
Jonas Bengtsson
2026-10-04 09:28:02 +02:00
parent 87c1c8db7b
commit 4adbb4171e
16 changed files with 788 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/wago_sim/webui/static/style.css
+65 -1
View File
@@ -185,4 +185,68 @@ h2 { margin: 4px 0 14px; }
#catalog-pick { padding: 6px; border: 1px solid #c5ccd4; border-radius: 4px; flex: 1; }
.cfg-path { font-size: 0.75rem; color: #6b7684; align-self: center; }
button.primary { background: #2e7d32; }
button.primary:hover { background: #1b5e20; }
button.primary:hover { background: #1b5e20; }
/* ---------- channel list (FR-10.2.13) ---------- */
.list-title { margin: 22px 0 8px; }
.chlist-head, .chlist-row {
display: grid;
grid-template-columns: 70px 1fr 90px;
gap: 10px;
align-items: center;
}
.chlist-head {
font-size: 0.72rem; text-transform: uppercase; color: #6b7684;
letter-spacing: 0.06em;
padding: 0 10px 4px;
}
.chlist {
max-height: 420px;
overflow-y: auto;
border: 1px solid #d8dee5;
border-radius: 6px;
background: #fff;
}
.chlist-row { padding: 4px 10px; border-bottom: 1px solid #eef1f4; }
.chlist-row:last-child { border-bottom: 0; }
.chlist-row:hover { background: #f2f6fa; }
.row-io {
font-family: Consolas, monospace; font-size: 0.82rem;
color: #004a99; font-weight: 600;
}
.row-name { font-size: 0.85rem; overflow: hidden; text-overflow: ellipsis; }
.row-name.unnamed { color: #9aa4ae; }
.row-value.num {
width: 100%; padding: 4px 6px; border: 1px solid #c5ccd4;
border-radius: 4px; font-family: Consolas, monospace; font-size: 0.85rem;
}
/* toggle switch */
.switch { position: relative; display: inline-block; width: 40px; height: 22px; }
.switch input { opacity: 0; width: 0; height: 0; }
.slider {
position: absolute; inset: 0; background: #b9c2cb;
border-radius: 22px; transition: 0.15s; cursor: pointer;
}
.slider::before {
content: ""; position: absolute; width: 16px; height: 16px;
left: 3px; top: 3px; background: #fff; border-radius: 50%;
transition: 0.15s;
}
.switch input:checked + .slider { background: #37b34a; }
.switch input:checked + .slider::before { transform: translateX(18px); }
/* ---------- channel-name editor ---------- */
.name-editor { max-height: 300px; overflow-y: auto; margin-bottom: 10px; }
.name-row {
display: grid; grid-template-columns: 70px 1fr; gap: 8px;
align-items: center; padding: 2px 0;
}
.name-input {
padding: 5px 8px; border: 1px solid #c5ccd4; border-radius: 4px;
font-size: 0.85rem; width: 100%;
}
.hidden-file { display: none; }
#cfg-io-buttons { display: flex; gap: 8px; margin-top: 8px; }