Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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

(cherry picked from commit 8906b9b5dc)
merge-requests/2359/merge
Lauri Eskola 2022-07-22 17:10:02 +03:00
parent cad7dfbcd9
commit fbcf0fb74a
No known key found for this signature in database
GPG Key ID: 382FC0F5B0DF53F8
2 changed files with 12 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
core/themes/claro/css/components/details.css
View File

@ -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);

6
core/themes/claro/css/components/details.pcss.css
View File

@ -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);