How to make 'Congratulations' screen scrollable?

Anki Development
1

I have added elements but the bottom part is not in the viewport. How can I make the page scrollable?

1 Like
2

It should scroll by default if the page is overflowing, at least it does so for me.

I added some random paragraph to test this, so that my html looks like this:

<svelte-css-wrapper
	style="display: contents; --gutter-block: 1rem; --gutter-inline: 2px"
	><div class="container svelte-18xndnz container-sm">
		<svelte-css-wrapper
			style="display: contents; --col-justify: center"
			><div class="col svelte-1wesuxj col-xs">
				<div class="congrats svelte-7xwe8i">
					<h1>
						Congratulations! You have
						finished this deck for now.
					</h1>
					<p></p>
					<!---->
					<!---->
					<!----><!---->
					<p>
						If you wish to study outside of
						the regular schedule, you can
						use the <U+2068><a
							href="javascript:bridgeCommand('customStudy')"
							>custom study</a
						><U+2069> feature.<!---->
					</p>
					<!----><!---->
					<!---->
				</div>
				<!---->
			</div>
			<!---->
			<p>
				Some overflowing stuff.<br />AAA<br />BBB<br />CCC<br />DDD<br />EEE<br />FFF<br />GGG<br />HHH
			</p></svelte-css-wrapper
		><!---->
	</div>
	<!----></svelte-css-wrapper
>

You will find this snippet in the first div of body.

3 Likes
3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.