Unverified Commit 8906b9b5 authored Jul 22, 2022 by Lauri Timmanee

Issue #3291100 by mherchel, Rinku Jacob 13, rkoller, andy-blum: Nested details...

Issue #3291100 by mherchel, Rinku Jacob 13, rkoller, andy-blum: Nested details element within content type's "manage display" UI changes width when opened

parent 511778a7

core/themes/claro/css/components/details.css

+6 −0

Changes for core/themes/claro/css/components/details.css: 6 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		@@ -43,6 +43,12 @@

		.claro-details {
		display: block;
		/* The following width and min-width values ensure that the <details> element
		* does not shift widths when opening, in the event that a parent element
		* constrains the width. This can happen when toggling the "lazy-load" option
		* within an image field. */
		width: min-content;
		min-width: 100%;
		margin-top: var(--space-m);
		margin-bottom: var(--space-m);
		color: var(--color-text);

core/themes/claro/css/components/details.pcss.css

+6 −0

Changes for core/themes/claro/css/components/details.pcss.css: 6 added lines, 0 removed lines.
Original line number	Diff line number	Diff line
		@@ -36,6 +36,12 @@

		.claro-details {
		display: block;
		/* The following width and min-width values ensure that the <details> element
		* does not shift widths when opening, in the event that a parent element
		* constrains the width. This can happen when toggling the "lazy-load" option
		* within an image field. */
		width: min-content;
		min-width: 100%;
		margin-top: var(--space-m);
		margin-bottom: var(--space-m);
		color: var(--color-text);