Fix: #3456 - add responsive markup to markdown images

7 files changed, 47 insertions, 137 deletions

diff --git a/resources/css/_base.css b/resources/css/_base.css
index dcb9b45700..7557af8491 100644
--- a/resources/css/_base.css
+++ b/resources/css/_base.css
@@ -21,6 +21,7 @@
 @import "_charts.css";
 @import "_colorbox.css";
 @import "_lists.css";
+@import "_markdown.css";
 @import "_mime-type-icons.css";
 @import "_on-screen-keyboard.css";
 @import "_pages.css";
diff --git a/resources/css/_markdown.css b/resources/css/_markdown.css
new file mode 100644
index 0000000000..59718abee5
--- /dev/null
+++ b/resources/css/_markdown.css
@@ -0,0 +1,46 @@
+/**
+ * webtrees: online genealogy
+ * Copyright (C) 2020 webtrees development team
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/* markdown formatting */
+
+.markdown {
+    /* Tables and pre-formatted text can break the layout. */
+    overflow-x: auto;
+}
+
+.markdown p {
+    margin: 0 0 0.5em;
+    white-space: pre-wrap;
+}
+
+.markdown table {
+    border-collapse: collapse;
+    margin-bottom: 5px;
+}
+
+.markdown th {
+    font-weight: bold;
+}
+
+.markdown td,
+.markdown th {
+    border: solid thin #000;
+    padding: 3px;
+}
+
+.markdown img {
+    max-width: 100%;
+    height: auto;
+}
diff --git a/resources/css/clouds.css b/resources/css/clouds.css
index 601a85633d..61d19b385a 100755
--- a/resources/css/clouds.css
+++ b/resources/css/clouds.css
@@ -1068,33 +1068,6 @@ div.faq_body {
     clear: both;
 }
 
-/* markdown formatting */
-
-.markdown {
-    /* Tables and pre-formatted text can break the layout. */
-    overflow-x: auto;
-}
-
-.markdown p {
-    margin: 0 0 0.5em;
-    white-space: pre-wrap;
-}
-
-.markdown table {
-    border-collapse: collapse;
-    margin-bottom: 5px;
-}
-
-.markdown th {
-    font-weight: bold;
-}
-
-.markdown td,
-.markdown th {
-    border: solid thin #000;
-    padding: 3px;
-}
-
 .odometer {
     font-family: courier, monospace;
     font-weight: bold;
diff --git a/resources/css/fab.css b/resources/css/fab.css
index a009c3102e..508f6df985 100755
--- a/resources/css/fab.css
+++ b/resources/css/fab.css
@@ -807,34 +807,6 @@ div.faq_body {
     clear: both;
 }
 
-/* ===== markdown formatting ===== */
-
-.markdown {
-    /* Tables and pre-formatted text can break the layout. */
-    overflow-x: auto;
-}
-
-.markdown p {
-    margin: 0 0 0.5em;
-    white-space: pre-wrap;
-}
-
-.markdown table {
-    border-collapse: collapse;
-    font-size: 10px;
-    margin-bottom: 8px;
-}
-
-.markdown th {
-    font-weight: bold;
-}
-
-.markdown td,
-.markdown th {
-    border: solid thin #000;
-    padding: 3px;
-}
-
 .odometer {
     font-family: courier, monospace;
     font-weight: bold;
diff --git a/resources/css/minimal.css b/resources/css/minimal.css
index 5fbc2f590e..d42fc56a9d 100755
--- a/resources/css/minimal.css
+++ b/resources/css/minimal.css
@@ -507,34 +507,6 @@ div.faq_body {
     clear: both;
 }
 
-/* markdown formatting */
-
-.markdown {
-    /* Tables and pre-formatted text can break the layout. */
-    overflow-x: auto;
-}
-
-.markdown p {
-    margin: 0 0 0.5em;
-    white-space: pre-wrap;
-}
-
-.markdown table {
-    border-collapse: collapse;
-    font-size: 10px;
-    margin-bottom: 5px;
-}
-
-.markdown th {
-    font-weight: bold;
-}
-
-.markdown td,
-.markdown th {
-    border: solid thin #000;
-    padding: 3px;
-}
-
 .odometer {
     font-family: courier, monospace;
     font-weight: bold;
diff --git a/resources/css/webtrees.css b/resources/css/webtrees.css
index 48265e9f1e..4aa63ce6d5 100755
--- a/resources/css/webtrees.css
+++ b/resources/css/webtrees.css
@@ -1008,33 +1008,6 @@ div.faq_body {
     clear: both;
 }
 
-/* markdown formatting */
-
-.markdown {
-    /* Tables and pre-formatted text can break the layout. */
-    overflow-x: auto;
-}
-
-.markdown p {
-    margin: 0 0 0.5em;
-    white-space: pre-wrap;
-}
-
-.markdown table {
-    border-collapse: collapse;
-    margin-bottom: 5px;
-}
-
-.markdown th {
-    font-weight: bold;
-}
-
-.markdown td,
-.markdown th {
-    border: solid thin #000;
-    padding: 3px;
-}
-
 .odometer {
     font-family: courier, monospace;
     font-weight: bold;
diff --git a/resources/css/xenea.css b/resources/css/xenea.css
index d4ac261a0c..11189ea86a 100755
--- a/resources/css/xenea.css
+++ b/resources/css/xenea.css
@@ -998,33 +998,6 @@ div.faq_body {
     clear: both;
 }
 
-/* markdown formatting */
-
-.markdown {
-    /* Tables and pre-formatted text can break the layout. */
-    overflow-x: auto;
-}
-
-.markdown p {
-    margin: 0 0 0.5em;
-    white-space: pre-wrap;
-}
-
-.markdown table {
-    border-collapse: collapse;
-    margin-bottom: 5px;
-}
-
-.markdown th {
-    font-weight: bold;
-}
-
-.markdown td,
-.markdown th {
-    border: solid thin #000;
-    padding: 3px;
-}
-
 .odometer {
     font-family: courier, monospace;
     font-weight: bold;