w1cdn/spothole
1
0
Fork 0
mirror of https://git.ianrenton.com/ian/spothole.git synced 2025-10-27 00:39:26 +00:00
Code Issues 11 Packages Projects Releases Wiki Activity

Bands panel layout tweaks #48

Browse Source
This commit is contained in:
Ian Renton
2025-10-21 14:02:43 +01:00
parent 229228d209
commit 6e9bab5eee
1 changed files with 8 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
webassets/css/style.css
View File

@@ -162,9 +162,7 @@ div#bands-container {
overscroll-behavior-x: none;
}
/* Bands panel inner layout */
div.bandCol {
height: 100%;
min-width: 8em;
display: flex;
flex-flow: column;
@@ -173,21 +171,27 @@ div.bandCol {
div.bandColHeader {
flex: 0 1 auto;
text-align: center;
font-weight: bold;
padding: 0.5em;
}
div.bandColMiddle {
flex: 1 1 auto;
margin-left: 3px;
border-left: 2px dotted var(--text);
}
div.bandColMiddle ul {
display: table;
table-layout: fixed;
width: 100%;
min-height: 100%;
height: 100%;
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 2px dotted;
}
div.bandColMiddle ul li {
@@ -205,35 +209,12 @@ div.bandColMiddle ul li span {
vertical-align: middle;
}
div.bandColMiddle ul {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-left: 2px dotted;
}
div.bandColHeader {
text-align: center;
font-weight: bold;
padding: 0.5em;
}
div.bandColMiddle {
margin-left: 3px;
border-left: 2px dotted var(--text);
}
div.bandColSpot {
display: block;
border-radius: 3px;
padding: 3px;
background: lightyellow;
margin-right: 2em;
margin: 0.1em 2em 0.1em 0.3em;
}
span.bandColSpot {