w1cdn/spothole
1
0
Fork 0
mirror of https://git.ianrenton.com/ian/spothole.git synced 2025-10-27 08:49:27 +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; overscroll-behavior-x: none;
} }
/* Bands panel inner layout */
div.bandCol { div.bandCol {
height: 100%;
min-width: 8em; min-width: 8em;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
@@ -173,21 +171,27 @@ div.bandCol {
div.bandColHeader { div.bandColHeader {
flex: 0 1 auto; flex: 0 1 auto;
text-align: center;
font-weight: bold;
padding: 0.5em;
} }
div.bandColMiddle { div.bandColMiddle {
flex: 1 1 auto; flex: 1 1 auto;
margin-left: 3px;
border-left: 2px dotted var(--text);
} }
div.bandColMiddle ul { div.bandColMiddle ul {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
width: 100%; width: 100%;
min-height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
border-left: 2px dotted;
} }
div.bandColMiddle ul li { div.bandColMiddle ul li {
@@ -205,35 +209,12 @@ div.bandColMiddle ul li span {
vertical-align: middle; 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 { div.bandColSpot {
display: block; display: block;
border-radius: 3px; border-radius: 3px;
padding: 3px; padding: 3px;
background: lightyellow; background: lightyellow;
margin-right: 2em; margin: 0.1em 2em 0.1em 0.3em;
} }
span.bandColSpot { span.bandColSpot {