Jonas_Jones/BingoGenerator
1
0
Fork 0
mirror of https://github.com/JonasunderscoreJones/BingoGenerator.git synced 2025-10-22 22:29:18 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Compare commits

base: Jonas_Jones:e16f0f1314c55ecafc02924160e48d241f012aaa
Branches Tags
Jonas_Jones:main
Jonas_Jones:online
..
compare: Jonas_Jones:b7885beb40525dfb1614b26997304ea60a69cf67
Branches Tags
Jonas_Jones:main
Jonas_Jones:online

2 commits
e16f0f1314 ... b7885beb40

Author SHA1 Message Date
Jonas_Jones
b7885beb40 rephrased cookie notice
All checks were successful
build-sveltekit / build (push) Successful in 39s
Details
2025-08-01 13:29:53 +02:00
Jonas_Jones
039b38ac8c fixed font scaling on specific widths 2025-08-01 13:29:35 +02:00
1 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/routes/+page.svelte
View file

@ -190,8 +190,14 @@ Bingo Item 25`;
while (cell.scrollHeight > cell.clientHeight || cell.scrollWidth > cell.clientWidth) { while (cell.scrollHeight > cell.clientHeight || cell.scrollWidth > cell.clientWidth) {
fontSize--; fontSize--;
cell.style.fontSize = `${fontSize}px`; cell.style.fontSize = `${fontSize}px`;
if (fontSize < 12) break; // Minimum font size limit if (fontSize < 10) break; // Minimum font size limit
} };
fontSize -= 2; // Reduce font size a bit more for better fit
fontSize = Math.max(fontSize, 8); // Ensure font size doesn't go below 8px
cell.style.fontSize = `${fontSize}px`;
// apply wrapping after font adjustment
cell.style.wordBreak = 'break-word';
cell.style.overflowWrap = 'break-word';
}); });
} }
@ -316,7 +322,7 @@ Bingo Item 25`;
</div> </div>
{/if} {/if}
<div class="notice-box cookie-notice"> <div class="notice-box cookie-notice">
<p>This Website uses functional Cookies to store the Running Bingo Game, Settings and the Entered Bingo Entries.<br><br>They can be deleted in the Settings.</p> <p>This Website uses functional Cookies to store the Running Game, Settings and the Bingo Entries.<br><br>They can be deleted in the Settings.</p>
</div> </div>
</div> </div>
<div class="bingo-container bingo-grid-container"> <div class="bingo-container bingo-grid-container">