Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Inline Admonition Overlap

See original GitHub issue

I’ve read the contribution guidelines and agree with them

I’ve found a bug and checked that …

… the problem doesn’t occur with the default MkDocs template
… the problem is not in any of my customizations (CSS, JS, template)
… the documentation does not mention anything about my problem
… there are no open or closed issues that are related to my problem

Description

Inline end admonitions are overlapped by regular admonitions when previously they would be well padded and contained.

Expected behavior

No overlap between admonitions.

Actual behavior

Steps to reproduce the bug

Markdown:

# Admonition Test

!!! info inline end 
    I too am an admonition.
    
!!! warning
    I am an admonition.

Package versions

Python: 3.7.3
MkDocs: 1.1.2
Material: 7.0.5+insiders.2.2.1

Project configuration

site_name: My Docs
theme:
  name: material
markdown_extensions:
  - admonition

System information

OS: linux-gnu
Browser: Chrome

Issue Analytics

State:
Created 3 years ago
Comments:10 (9 by maintainers)

Top GitHub Comments

1reaction

squidfunkcommented, Mar 14, 2021

That was a fast fix – c6e15970.

1reaction

squidfunkcommented, Mar 14, 2021

FYI, I’m only able to reproduce this error if you use inline admonitions inside admonitions. If you use them on the top-level the margins are correct. This is not related to the current issue, but you can open a new one if you like:

Markdown to reproduce:

!!! example "Example"

    !!! info inline "Result:"

        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

    **Markdown:**

    ```md
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
    ```

---

!!! info inline end "Result:"

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

**Markdown:**

```md
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
```

---

!!! info inline "Result:"

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.

**Markdown:**

```md
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla et euismod nulla. Curabitur feugiat, tortor non consequat finibus, justo purus auctor massa, nec semper lorem quam in massa.
```