Skip to content

Commit bfe1339

Browse files
committed
just css sizing for columns now, booya!
1 parent b87afe1 commit bfe1339

File tree

1 file changed

+2
-9
lines changed

1 file changed

+2
-9
lines changed

ux/tv3-wireframe-sticky.htm

Lines changed: 2 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,12 @@
1111
height: auto;
1212
}
1313
#cols {
14+
width: max-content; /* KEY! as columns shrink/expand => good; also native l/r scrolling "just works" */
1415
position: relative;
1516
white-space: nowrap;
1617
border-top: 10px solid #333;
1718
border-bottom: 10px solid #333;
1819
overflow: visible;
19-
width: auto;
2020
height: auto;
2121
background-color: #333;
2222
}
@@ -78,15 +78,8 @@
7878
</div>
7979
</div>`
8080
}
81-
82-
window.resize = function resize() {
83-
const ncols = document.getElementsByClassName('tvcol').length
84-
const colW = document.getElementsByClassName('tvcol')[0].offsetWidth
85-
const tvcolMaxW = window.innerWidth * 0.6
86-
document.getElementById('cols').style.width = (ncols * colW) + tvcolMaxW
87-
}
8881
</script>
89-
<body style="border:0; padding:0; margin:0" onload="window.resize()">
82+
<body style="border:0; padding:0; margin:0">
9083
<div id="wrap">
9184
<script>document.write(window.render())
9285
</script>

0 commit comments

Comments
 (0)