diff --git a/client/themes/tyclipso/scss/components/_image.scss b/client/themes/tyclipso/scss/components/_image.scss index bb7f45a6..5087a243 100644 --- a/client/themes/tyclipso/scss/components/_image.scss +++ b/client/themes/tyclipso/scss/components/_image.scss @@ -1,12 +1,21 @@ .ty-image-wrapper { @include elevation(2); - display: block; + display: inline-block; overflow: hidden; margin: 12px 0; border-radius: 4px; position: relative; text-decoration: none; color: currentColor; + + img { + display: block; + } + + ol &, + ul & { + margin: 0; + } } .ty-image-overlay { diff --git a/server/modules/rendering/html-tyclipso/components/ImageOverlay.js b/server/modules/rendering/html-tyclipso/components/ImageOverlay.js index 5e2af3b2..9833ff6f 100644 --- a/server/modules/rendering/html-tyclipso/components/ImageOverlay.js +++ b/server/modules/rendering/html-tyclipso/components/ImageOverlay.js @@ -5,10 +5,11 @@ function ImageOverlay(src) { return `
- + - - In neuem Tab öffnen +
diff --git a/server/modules/rendering/html-tyclipso/renderer.js b/server/modules/rendering/html-tyclipso/renderer.js index 9a4b93de..0b5be05f 100644 --- a/server/modules/rendering/html-tyclipso/renderer.js +++ b/server/modules/rendering/html-tyclipso/renderer.js @@ -2,9 +2,9 @@ const ImageOverlay = require('./components/ImageOverlay') const AnchorCopyButton = require('./components/AnchorCopyButton') module.exports = { - init($, config) { + init($) { // wrap images - $('p > img').each((i, element) => { + $('p > img, ul img, ol img').each((i, element) => { const src = $(element).attr('src'); $(element).wrap(`
`) $(element).parent().append(ImageOverlay(src))