re-style banner on block view

so that it doesn't bleed over the edge of the full column width.
alphagov · Feb 5, 2025 · ce993ec · ce993ec
1 parent 45e4eb4
commit ce993ec
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/.../assets/stylesheets/content_block_manager/components/_host-editions-rollup-component.scss b/.../assets/stylesheets/content_block_manager/components/_host-editions-rollup-component.scss
@@ -1,9 +1,9 @@
 .rollup-details {
-  background: govuk-colour("light-grey");
   margin-bottom: govuk-spacing(8);
 
-  .govuk-grid-column-full {
-    padding: 0;
+  &__background {
+    background-color: govuk-colour("light-grey");
+    background-clip: content-box;
   }
 
   &__title {

diff --git a/...content_block_manager/content_block/document/show/host_editions_rollup_component.html.erb b/...content_block_manager/content_block/document/show/host_editions_rollup_component.html.erb
@@ -1,5 +1,5 @@
 <div class="govuk-grid-row rollup-details">
-  <div class="govuk-grid-column-full">
+  <div class="govuk-grid-column-full rollup-details__background">
     <h2 class="rollup-details__title">Metrics</h2>
     <% metrics.each do |name, value| %>
       <div class="govuk-grid-column-one-quarter rollup-details__rollup-metric <%= name %>">