Douai anthology page numbers go over pseudoelement for page beginnings

[LEMDO-PM]

The Douai anthology have styled their page numbers to be larger than they are on the LEMDO-dev site. This makes it so that the number overlaps with the pseudoelement for the next page beginning when there is no other content on that page:

We don't want these things to overlap, but like where the page numbers are in all other cases. Is it possible to make there be more white space between the two page beginning pseudoelements when the only thing in between them is the page number? In those situations, the HTML looks like this: <div data-el="pb"> <span data-el="fw" data-type="pageNum">132</span> </div>

I think that the spacing that we use for blank pages (shown in the image above) would work really well.

[pszpak]

Can you shoot me a link to a good example page?

[LEMDO-PM]

It's on the Douai dev site on the emdDouai_JC page. I'll send you a link in Teams.

[pszpak]

There are a few ways of doing this, but I the best way is using the existing css and modifying it in the douai.scss file that will then override lemdodev.scss. That means increasing the white space between div.page elements when span[data-el="fw" is within the div.page to accommodate the bigger page numbers.

@supports selector(:has(*)) body[data-catrefs*=letSemiDiplomatic] div.page:has(span[data-el=fw]) { margin-top: 3rem; margin-bottom: 2rem; }

Which renders like this:

[LEMDO-PM]

Oo great!! Thanks :)

[LEMDO-PM]

Fix looks good! Closing this now