Update to bootstrap 5.2

[MoonE]

I'll provide a separate pull request to remove jquery for some parts shortly.
jQuery is removed except a few pages.

[github-actions]

📦 Preview the website for this branch here: https://deploy-preview-13996--ol-site.netlify.app/.

[tschaub]

You may be working on this, but it looks like there are some spacing issues around the news item.

With these changes:

Before:

[jipexu]

Yes it was very necessary ! @MoonE good job !

• in the deploy the dropdown of thedropdown of the code menu is misaligned ...

[jipexu]

@MoonE
in this example
https://deploy-preview-13996--ol-site.netlify.app/en/latest/examples/button-title.html
if we remove jquery we have to call the tooltip in another way ...

[MoonE]

Thanks, @jipexu, I'm aware of that. I'll provide a new PR to remove jquery once this is merged.

[jipexu]

ah ok good ! update bs is always a lot of work ...

[tschaub]

I think I like the nav links without the underline. It looks like this change adds them on hover/active/focus:

What do you think?

[tschaub]

This is looking really good. Thanks for all your work on the upgrade, @MoonE!

[MoonE]

@MoonE in this example https://deploy-preview-13996--ol-site.netlify.app/en/latest/examples/button-title.html if we remove jquery we have to call the tooltip in another way ...

@jipexu Sorry, I may have misundertstood. Even with jQueryand bootstrap 5 these tooltips no longer worked, though there are the normal browser tooltips from the tooltip attribute.

I udpated the examples to work again with bootstrap 5, hopefully everything is working now.

[jipexu]

@MoonE in this example https://deploy-preview-13996--ol-site.netlify.app/en/latest/examples/button-title.html if we remove jquery we have to call the tooltip in another way ...

@jipexu Sorry, I may have misundertstood. Even with jQueryand bootstrap 5 these tooltips no longer worked, though there are the normal browser tooltips from the tooltip attribute.

I udpated the examples to work again with bootstrap 5, hopefully everything is working now.

@MoonE
yes because it is 2 problems :
if we remove jquery we can not use $ in our examples
if we dont remove jquery doesnt work too because the way to call tooltip has changed in bs5 ...

yes i see your change are ok good job ! this example work again in deploy https://deploy-preview-13996--ol-site.netlify.app/en/latest/examples/kml-timezones.html

[jipexu]

@MoonE
concerning the change of the case of utf-8 and DOCTYPE in the examples
as the meta charset is case insensitive we can use both
but for the doctype who is also case insensitive in html5, i will let in upper case for a better compliance with xhtml or polyglot documents ? ....
it’s just a thought i dont know what is better ...

[MoonE]

@jipexu Honestly it doesn't really matter, either works without problems. I simply prefer it to be consistent.

[tschaub]

This conflicts with the rule in the style.css. Not important to change, but I also don’t think it needs to be added.

[MoonE]

You are correct, I didn't notice the css imported from the js file.

[tschaub]

Thanks for the huge effort, @MoonE!