fix naming rows vs columns

main
bel 2024-04-13 19:18:31 -06:00
parent b0c9c1cf9e
commit 4ac55e2eea
1 changed files with 27 additions and 12 deletions

View File

@ -7,30 +7,45 @@
import * as d3 from "https://cdn.jsdelivr.net/npm/d3@7/+esm";
</script>
<style>
column {
rows {
display: flex;
flex-direction: column;
flex-grow: 1;
}
row {
columns {
display: flex;
flex-direction: row;
flex-grow: 1;
}
rows, columns { border: 1px solid red; }
</style>
</header>
<body>
<h1>Report</h1>
<row>
<column>
<row>c1 r1</row>
<row>c1 r2</row>
</column>
<column>
<row>c2 r1</row>
<row>c2 r2</row>
</column>
</row>
<columns>
<rows style="max-width: 12.5em">
<columns>filter1</columns>
<columns>filter2</columns>
</rows>
<rows>
<rows>
<rows>
<h2>Alert Volume by Name</h2>
<div>DRAW ME</div>
</rows>
<columns>
<rows>
<h3>by Day</h3>
<div>DRAW ME</div>
</rows>
<rows>
<h3>by Hour</h3>
<div>DRAW ME</div>
</rows>
</columns>
</rows>
</rows>
</columns>
</body>
<footer>
</footer>