fix/1302/reduce margin top when page main contains child with panel e…

…rror (#2816) * Add adjustment to margin-top based on panel error * Add ruleset for sole use with breadcrumbs * Update reference images
ONSdigital · Sep 28, 2023 · 54708f1 · 54708f1
1 parent 7c7c2aa
commit 54708f1
Show file tree

Hide file tree

Showing 20 changed files with 45 additions and 38 deletions.
diff --git a/...adios_example-radios-with-revealed-checkboxes-expanded_0_document_0_desktop.png b/...adios_example-radios-with-revealed-checkboxes-expanded_0_document_0_desktop.png
diff --git a/...radios_example-radios-with-revealed-checkboxes-expanded_0_document_1_tablet.png b/...radios_example-radios-with-revealed-checkboxes-expanded_0_document_1_tablet.png
diff --git a/...radios_example-radios-with-revealed-checkboxes-expanded_0_document_2_mobile.png b/...radios_example-radios-with-revealed-checkboxes-expanded_0_document_2_mobile.png
diff --git a/...ts_radios_example-radios-with-revealed-radios-expanded_0_document_0_desktop.png b/...ts_radios_example-radios-with-revealed-radios-expanded_0_document_0_desktop.png
diff --git a/...nts_radios_example-radios-with-revealed-radios-expanded_0_document_1_tablet.png b/...nts_radios_example-radios-with-revealed-radios-expanded_0_document_1_tablet.png
diff --git a/...nts_radios_example-radios-with-revealed-radios-expanded_0_document_2_mobile.png b/...nts_radios_example-radios-with-revealed-radios-expanded_0_document_2_mobile.png
diff --git a/...__components_relationships_example-relationships-error_0_document_0_desktop.png b/...__components_relationships_example-relationships-error_0_document_0_desktop.png
diff --git a/...t__components_relationships_example-relationships-error_0_document_1_tablet.png b/...t__components_relationships_example-relationships-error_0_document_1_tablet.png
diff --git a/...t__components_relationships_example-relationships-error_0_document_2_mobile.png b/...t__components_relationships_example-relationships-error_0_document_2_mobile.png
diff --git a/...onents_timeout-panel_example-panel-with-timeout-warning_0_document_1_tablet.png b/...onents_timeout-panel_example-panel-with-timeout-warning_0_document_1_tablet.png
diff --git a/...t__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png b/...t__patterns_correct-errors_example-errors-proto-errors_0_document_0_desktop.png
diff --git a/...st__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png b/...st__patterns_correct-errors_example-errors-proto-errors_0_document_1_tablet.png
diff --git a/...st__patterns_correct-errors_example-errors-proto-errors_0_document_2_mobile.png b/...st__patterns_correct-errors_example-errors-proto-errors_0_document_2_mobile.png
diff --git a/...r-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png b/...r-test__patterns_feedback_example-feedback-form-errors_0_document_0_desktop.png
diff --git a/...vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png b/...vr-test__patterns_feedback_example-feedback-form-errors_0_document_1_tablet.png
diff --git a/...vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png b/...vr-test__patterns_feedback_example-feedback-form-errors_0_document_2_mobile.png
diff --git a/...ce/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png b/...ce/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_0_desktop.png
diff --git a/...nce/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png b/...nce/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_1_tablet.png
diff --git a/...nce/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_2_mobile.png b/...nce/ds-vr-test__patterns_send-a-web-form_example-errors_0_document_2_mobile.png
diff --git a/src/scss/objects/_page.scss b/src/scss/objects/_page.scss
@@ -21,6 +21,13 @@
   @include mq(xxs, m) {
     margin-top: 1.5rem;
   }
+
+}
+
+// Adjust margin-top when .ons-page__main contains .ons-panel--error */
+.ons-breadcrumbs ~ .ons-grid .ons-grid__col .ons-page__main:has(.ons-panel--error){
+  margin-top: 1rem; 
+
 }
 
 .ons-page__body {