fix: maximize inactive heaven bead gap from reckoning bar
Position inactive heaven beads much closer to top edge (7pt from top) to create maximum visual separation from reckoning bar (13pt gap vs previous 6pt gap). This provides much better visual balance with the large gap that inactive earth beads have from the reckoning bar, while keeping heaven beads clearly in the upper portion of the soroban. Updated all example images to show the maximized positioning. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
|
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 55 KiB |
|
Before Width: | Height: | Size: 56 KiB After Width: | Height: | Size: 56 KiB |
|
Before Width: | Height: | Size: 48 KiB After Width: | Height: | Size: 49 KiB |
|
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 45 KiB After Width: | Height: | Size: 46 KiB |
@@ -16,7 +16,7 @@
|
||||
<g transform="translate(11 0)">
|
||||
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
|
||||
</g>
|
||||
<g transform="translate(4.1000000000000005 8)">
|
||||
<g transform="translate(4.1000000000000005 1)">
|
||||
<g class="typst-group">
|
||||
<g>
|
||||
<g transform="translate(0 0)">
|
||||
@@ -64,7 +64,7 @@
|
||||
<g transform="translate(36 0)">
|
||||
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
|
||||
</g>
|
||||
<g transform="translate(29.099999999999998 8)">
|
||||
<g transform="translate(29.099999999999998 1)">
|
||||
<g class="typst-group">
|
||||
<g>
|
||||
<g transform="translate(0 0)">
|
||||
@@ -112,7 +112,7 @@
|
||||
<g transform="translate(61 0)">
|
||||
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
|
||||
</g>
|
||||
<g transform="translate(54.1 8)">
|
||||
<g transform="translate(54.1 1)">
|
||||
<g class="typst-group">
|
||||
<g>
|
||||
<g transform="translate(0 0)">
|
||||
|
||||
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
@@ -16,7 +16,7 @@
|
||||
<g transform="translate(11 0)">
|
||||
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
|
||||
</g>
|
||||
<g transform="translate(6.5 8)">
|
||||
<g transform="translate(6.5 1)">
|
||||
<g class="typst-group">
|
||||
<g>
|
||||
<g transform="translate(-0 -0)">
|
||||
|
||||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
@@ -16,7 +16,7 @@
|
||||
<g transform="translate(11 0)">
|
||||
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
|
||||
</g>
|
||||
<g transform="translate(4.1000000000000005 8)">
|
||||
<g transform="translate(4.1000000000000005 1)">
|
||||
<g class="typst-group">
|
||||
<g>
|
||||
<g transform="translate(0 0)">
|
||||
|
||||
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 11 KiB |
@@ -16,7 +16,7 @@
|
||||
<g transform="translate(11 0)">
|
||||
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
|
||||
</g>
|
||||
<g transform="translate(4.1000000000000005 8)">
|
||||
<g transform="translate(4.1000000000000005 1)">
|
||||
<g class="typst-group">
|
||||
<g>
|
||||
<g transform="translate(0 0)">
|
||||
|
||||
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
@@ -16,10 +16,10 @@
|
||||
<g transform="translate(11 0)">
|
||||
<path class="typst-shape" fill="#eeeeee" fill-rule="nonzero" d="M 0 0 L 0 110 L 3 110 L 3 0 Z "/>
|
||||
</g>
|
||||
<g transform="translate(6.5 8)">
|
||||
<g transform="translate(6.5 1)">
|
||||
<path class="typst-shape" fill="#e6e6e6" fill-rule="nonzero" d="M 0 0.75 C 0 0.33578643 0.33578643 0 0.75 0 L 11.25 0 C 11.664213 0 12 0.33578643 12 0.75 L 12 11.25 C 12 11.664213 11.664213 12 11.25 12 L 0.75 12 C 0.33578643 12 0 11.664213 0 11.25 Z "/>
|
||||
</g>
|
||||
<g transform="translate(6.5 8)">
|
||||
<g transform="translate(6.5 1)">
|
||||
<path class="typst-shape" fill="none" stroke="#000000" stroke-width="0.5" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" d="M 0.75 0 L 11.25 0 C 11.664213 0 12 0.33578643 12 0.75 L 12 11.25 C 12 11.664213 11.664213 12 11.25 12 L 0.75 12 C 0.33578643 12 0 11.664213 0 11.25 L 0 0.75 C 0 0.33578643 0.33578643 0 0.75 0 "/>
|
||||
</g>
|
||||
<g transform="translate(6.5 24)">
|
||||
|
||||
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 12 KiB |
@@ -142,7 +142,7 @@
|
||||
#let heaven-y = if heaven-active == 1 {
|
||||
heaven-earth-gap - bead-size / 2 - 1pt // Active (center just above bar)
|
||||
} else {
|
||||
bead-size / 2 + 8pt // Inactive (well above bar, visually balanced with earth beads)
|
||||
bead-size / 2 + 1pt // Inactive (positioned very close to top with maximum gap from bar)
|
||||
}
|
||||
|
||||
#let bead-color = if heaven-active == 1 {
|
||||
|
||||