diff --git a/docs/browser-support.md b/docs/browser-support.md index d5ce29855..bc7a8e190 100644 --- a/docs/browser-support.md +++ b/docs/browser-support.md @@ -59,14 +59,13 @@ the following older browser versions might work with some additional effort: - :fontawesome-brands-firefox: __Firefox 31-52__ – icons will render as little boxes due to missing support for [mask images]. While this cannot be - polyfilled, it might be mitigated by hiding icons with [additional CSS]. -- :fontawesome-brands-edge: __Edge 16-18__ – the spacing of some elements might be - a little off due to missing support for the [:is pseudo selector], which can be - mitigated with some [additional CSS]. + polyfilled, it might be mitigated by hiding the icons altogether. +- :fontawesome-brands-edge: __Edge 16-18__ – the spacing of some elements might + be a little off due to missing support for the [:is pseudo selector], which + can be mitigated with some additional effort. - :fontawesome-brands-internet-explorer: __Internet Explorer__ - no support, mainly due to missing support for [custom properties]. The last version of Material for MkDocs to support Internet Explorer is [:octicons-tag-24: 4.6.3][IE support]. - [additional CSS]: customization.md#additional-css [IE support]: https://github.com/squidfunk/mkdocs-material/releases/tag/4.6.3 diff --git a/docs/reference/code-blocks.md b/docs/reference/code-blocks.md index 80e89ca06..6a544ad00 100644 --- a/docs/reference/code-blocks.md +++ b/docs/reference/code-blocks.md @@ -396,6 +396,39 @@ override it as part of your [additional style sheet]: [additional style sheet]: ../customization.md#additional-css [syntax theme definition]: https://github.com/squidfunk/mkdocs-material/blob/master/src/assets/stylesheets/main/extensions/pymdownx/_highlight.scss +### Annotation tooltip width + +If you have a lot of content hosted inside your code annotations, it can be a +good idea to increase the width of the tooltip by adding the following as part +of an [additional style sheet]: + +=== ":octicons-file-code-16: docs/stylesheets/extra.css" + + ``` css + :root { + --md-tooltip-width: 600px; + } + ``` + +=== ":octicons-file-code-16: mkdocs.yml" + + ``` yaml + extra_css: + - stylesheets/extra.css + ``` + +This will render annotations with a larger width: + +