Issue #3446078 by mherchel, javi-er: Olivero content shift on page load (387d6d6e) · Commits · project / drupal

core/themes/olivero/css/layout/layout.css

+9 −0

Original line number	Diff line number	Diff line
		@@ -65,3 +65,12 @@ body.is-fixed .container {
		padding-block-start: var(--sp5);
		}
		}

		/*
		* Contextual link wrappers load without the ".contextual" CSS class, which
		* causes layout shifts. We fix this by setting this to position: absolute;
		*/

		[data-contextual-id]:not(.contextual) {
		position: absolute;
		}

+8 −0

Original line number	Diff line number	Diff line
		@@ -55,3 +55,11 @@
		padding-block-start: var(--sp5);
		}
		}

		/*
		* Contextual link wrappers load without the ".contextual" CSS class, which
		* causes layout shifts. We fix this by setting this to position: absolute;
		*/
		[data-contextual-id]:not(.contextual) {
		position: absolute;
		}

+3 −3

Original line number	Diff line number	Diff line
		@@ -10,18 +10,18 @@
		* Region default layout.
		*/

		.region > * {
		.region > *:where(:not([data-big-pipe-placeholder-id])) {
		margin-block-end: var(--sp);
		}

		@media (min-width: 43.75rem) {
		.region > * {
		.region > *:where(:not([data-big-pipe-placeholder-id])) {
		margin-block-end: var(--sp2);
		}
		}

		@media (min-width: 62.5rem) {
		.region > * {
		.region > *:where(:not([data-big-pipe-placeholder-id])) {
		margin-block-end: var(--sp3);
		}
		}

+1 −1

Original line number	Diff line number	Diff line
		@@ -5,7 +5,7 @@

		@import "../base/media-queries.pcss.css";

		.region > * {
		.region > *:where(:not([data-big-pipe-placeholder-id])) {
		margin-block-end: var(--sp);

		@media (--md) {