Unverified Commit 7700a2d1 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 c2a6b8db

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
		@@ -37,6 +37,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: 1rem;
		margin-bottom: 1rem;
		color: #232429;

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
		@@ -38,6 +38,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);