From 2e45d0cab9e6b4352ae7439c88b6abdb20addf0e Mon Sep 17 00:00:00 2001 From: =?utf8?q?Vladim=C3=ADr=20Vondru=C5=A1?= Date: Tue, 9 Jan 2018 22:30:21 +0100 Subject: [PATCH] css: make also the bottom rounded on flat figures. It looks weirdly cut off when there is no border. --- css/m-components.css | 4 ++++ css/m-dark+doxygen.compiled.css | 4 ++++ css/m-dark.compiled.css | 4 ++++ css/m-light+doxygen.compiled.css | 4 ++++ css/m-light.compiled.css | 4 ++++ 5 files changed, 20 insertions(+) diff --git a/css/m-components.css b/css/m-components.css index ad0875a6..fb8fd3aa 100644 --- a/css/m-components.css +++ b/css/m-components.css @@ -1073,6 +1073,10 @@ figure.m-figure img { border-top-right-radius: var(--border-radius); max-width: 100%; } +figure.m-figure.m-flat img { + border-bottom-left-radius: var(--border-radius); + border-bottom-right-radius: var(--border-radius); +} figure.m-figure figcaption { margin-top: 0.5rem; margin-bottom: 0.5rem; diff --git a/css/m-dark+doxygen.compiled.css b/css/m-dark+doxygen.compiled.css index 847717c4..ae3c2bef 100644 --- a/css/m-dark+doxygen.compiled.css +++ b/css/m-dark+doxygen.compiled.css @@ -1371,6 +1371,10 @@ figure.m-figure img { border-top-right-radius: 0.2rem; max-width: 100%; } +figure.m-figure.m-flat img { + border-bottom-left-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} figure.m-figure figcaption { margin-top: 0.5rem; margin-bottom: 0.5rem; diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css index af746877..28764102 100644 --- a/css/m-dark.compiled.css +++ b/css/m-dark.compiled.css @@ -1371,6 +1371,10 @@ figure.m-figure img { border-top-right-radius: 0.2rem; max-width: 100%; } +figure.m-figure.m-flat img { + border-bottom-left-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} figure.m-figure figcaption { margin-top: 0.5rem; margin-bottom: 0.5rem; diff --git a/css/m-light+doxygen.compiled.css b/css/m-light+doxygen.compiled.css index e8201a35..22fe7d1d 100644 --- a/css/m-light+doxygen.compiled.css +++ b/css/m-light+doxygen.compiled.css @@ -1371,6 +1371,10 @@ figure.m-figure img { border-top-right-radius: 0.2rem; max-width: 100%; } +figure.m-figure.m-flat img { + border-bottom-left-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} figure.m-figure figcaption { margin-top: 0.5rem; margin-bottom: 0.5rem; diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css index 974c4f8f..af697087 100644 --- a/css/m-light.compiled.css +++ b/css/m-light.compiled.css @@ -1371,6 +1371,10 @@ figure.m-figure img { border-top-right-radius: 0.2rem; max-width: 100%; } +figure.m-figure.m-flat img { + border-bottom-left-radius: 0.2rem; + border-bottom-right-radius: 0.2rem; +} figure.m-figure figcaption { margin-top: 0.5rem; margin-bottom: 0.5rem; -- 2.30.2