Fixed issue where callout and quotes overlap floated images

For #2055

diff --git a/resources/sass/_blocks.scss b/resources/sass/_blocks.scss
index 173dd3baa38dad3656479adad9321efb8bb7abee..b6f35376d20e57c5f7956af4ae39c51f5311b6d4 100644 (file)
--- a/resources/sass/_blocks.scss
+++ b/resources/sass/_blocks.scss
@@ -8,6 +8,7 @@
   padding: $-s $-s $-s $-xl;
   display: block;
   position: relative;
   padding: $-s $-s $-s $-xl;
   display: block;
   position: relative;

+  overflow: auto;

   &:before {
     background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMTUzODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTZoMnY2em0wLThoLTJWN2gydjJ6Ii8+PC9zdmc+');
     background-repeat: no-repeat;
   &:before {
     background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9IiMwMTUzODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTEgMTVoLTJ2LTZoMnY2em0wLThoLTJWN2gydjJ6Ii8+PC9zdmc+');
     background-repeat: no-repeat;

diff --git a/resources/sass/_text.scss b/resources/sass/_text.scss
index 3455a3ac4ec4ad3dfabf38138d7a1dfbbafe9059..a2a5281d95d2369a128dfd31ac6dda49511c1239 100644 (file)
--- a/resources/sass/_text.scss
+++ b/resources/sass/_text.scss
@@ -206,6 +206,7 @@ blockquote {
   border-left: 4px solid var(--color-primary);
   @include lightDark(background-color, #f8f8f8, #333);
   padding: $-s $-m $-s $-xl;
   border-left: 4px solid var(--color-primary);
   @include lightDark(background-color, #f8f8f8, #333);
   padding: $-s $-m $-s $-xl;

+  overflow: auto;

   &:before {
     content: "\201C";
     font-size: 2em;
   &:before {
     content: "\201C";
     font-size: 2em;