fix: float image with admonition

lepture · May 15, 2024 · 1a18089 · 1a18089
1 parent 1141754
commit 1a18089
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/docs/writing/media.rst b/docs/writing/media.rst
@@ -68,6 +68,10 @@ excepturi facere, corrupti expedita sit.
    :height: 200
    :width: 200
 
+.. hint::
+
+    You can use ``:align: right`` to float image to the right side.
+
 Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis
 sapiente veritatis doloribus accusantium molestiae modi recusandae
 excepturi facere, corrupti expedita sit.

diff --git a/static/css/contents/admonition.css b/static/css/contents/admonition.css
@@ -80,6 +80,8 @@
   --color-3: var(--accent-9);
   --color-4: var(--accent-a11);
 
+  display: flex;
+  flex-direction: column;
   position: relative;
   padding: 0 16px 0.8rem;
   margin-top: 1rem;