Update image_text block to fix extra pixel in margin for tw-row c…

…lasses.
MozillaFoundation · Jun 7, 2024 · 744c4ee · 744c4ee
1 parent 9d4bd44
commit 744c4ee
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 10 deletions.
diff --git a/network-api/networkapi/wagtailpages/templates/wagtailpages/blocks/image_text.html b/network-api/networkapi/wagtailpages/templates/wagtailpages/blocks/image_text.html
@@ -2,7 +2,7 @@
 {% load l10n wagtailcore_tags wagtailimages_tags %}
 
 {% block block_content %}
-    <div class="tw-row tw-my-8">
+    <div class="tw-row tw-my-8 !tw-mr-[calc(-1rem+1px)]">
         {% if value.small %}
             <div class="tw-w-full tw-px-8 tw-flex tw-flex-nowrap">
                 <div class="tw-mr-6 tw-shrink-0 tw-w-24">

diff --git a/source/sass/wagtail/blocks.scss b/source/sass/wagtail/blocks.scss
@@ -97,12 +97,3 @@
 .share-button-blog-title-container {
   margin-bottom: -2em;
 }
-
-// Fixes horizontal overflow for Image Text blocks
-.tw-container.image_text-block {
-  .streamfield-content {
-    .tw-row {
-      margin-right: calc(-1rem + 1px);
-    }
-  }
-}