kaizenkodo/CoBiE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #37 from ok2/codex/fix-analog-clock-tick-marker-spacing-and-layout

Browse Source
This commit is contained in:
Kiyomichi Kosaka 2025-06-15 10:45:42 +02:00 committed by GitHub
commit b7a074a75d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
clock.js
View File

@ -41,7 +41,8 @@
} }
// Position markers based on the current clock size // Position markers based on the current clock size
const markerRadius = clock.offsetWidth / 2 - 20; const borderOffset = clock.offsetWidth > 300 ? 30 : 20;
const markerRadius = clock.offsetWidth / 2 - borderOffset;
markers.forEach((m, i) => { markers.forEach((m, i) => {
const angle = (i / 16) * 2 * Math.PI; const angle = (i / 16) * 2 * Math.PI;
const x = markerRadius * Math.sin(angle); const x = markerRadius * Math.sin(angle);
@ -65,9 +66,14 @@
const x = innerR * Math.sin(angle); const x = innerR * Math.sin(angle);
const y = -innerR * Math.cos(angle); const y = -innerR * Math.cos(angle);
t.style.height = `${len}px`; t.style.height = `${len}px`;
t.style.left = `${clock.offsetWidth / 2 + x}px`; t.style.left = `${clock.offsetWidth / 2 + x - t.offsetWidth / 2}px`;
t.style.top = `${clock.offsetHeight / 2 + y}px`; t.style.top = `${clock.offsetHeight / 2 + y}px`;
t.style.transform = `rotate(${angle}rad)`; t.style.transform = `rotate(${angle}rad)`;
if (clock.offsetWidth < 200 && !t.classList.contains('big') && !t.classList.contains('mid')) {
t.style.display = 'none';
} else {
t.style.display = '';
}
}); });
} }