morss12/battery-builder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

added edge tabs and a lot of bug fixes abizt overlaps

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
Finn Tews
2026-05-07 08:39:18 +02:00
parent 80e5c17ead
commit ae2e631cc7
26 changed files with 1213 additions and 162 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
styles/main.css
View File

@@ -1260,12 +1260,40 @@ input[type="checkbox"]:focus {
gap: 8px;
}
.busbar-swatch {
width: 16px;
height: 16px;
border-radius: 4px;
.busbar-color-wrap {
width: 20px;
height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
background: rgba(255, 255, 255, 0.04);
}
.busbar-color {
width: 100%;
height: 100%;
border: none;
padding: 0;
background: transparent;
cursor: pointer;
}
.busbar-color::-webkit-color-swatch-wrapper {
padding: 0;
}
.busbar-color::-webkit-color-swatch {
border: none;
border-radius: 0;
}
.busbar-color::-moz-color-swatch {
border: none;
border-radius: 0;
}
.busbar-name {
@@ -1310,6 +1338,7 @@ input[type="checkbox"]:focus {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
margin-top: 6px;
padding-left: 24px;
@@ -1317,6 +1346,47 @@ input[type="checkbox"]:focus {
color: #94a3b8;
}
.busbar-overlap-label {
display: inline-flex;
align-items: center;
gap: 6px;
color: #cbd5e1;
cursor: pointer;
user-select: none;
}
.busbar-overlap {
accent-color: #6495ed;
}
.busbar-overlap-size-label {
display: inline-flex;
align-items: center;
gap: 6px;
color: #94a3b8;
font-size: 0.95em;
}
.busbar-overlap-size {
width: 64px;
padding: 3px 6px;
font-size: 0.9em;
background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(100, 149, 237, 0.2);
border-radius: 4px;
color: #e2e8f0;
}
.busbar-overlap-size:focus {
outline: none;
border-color: rgba(100, 149, 237, 0.6);
}
.busbar-overlap-size:disabled {
opacity: 0.45;
cursor: not-allowed;
}
.busbar-thickness-label {
display: flex;
align-items: center;