- Issue created by @vistree
- Status changed to Fixed
almost 2 years ago 1:34pm 3 March 2023 Automatically closed - issue fixed for 2 weeks with no activity.
Hi, after latest Drupal core update to 9.5.3 the paragraph sorting handles - styled within thunder_admin - are broken (quite invisble).
/core/modules/system/css/components/tabledrag.module.css is introducing some new styling, like
.draggable a.tabledrag-handle {
float: left;
overflow: hidden;
height: 1.7em;
margin-left: -1em;
cursor: move;
text-decoration: none;
}
and
a.tabledrag-handle .handle {
width: 14px;
height: 14px;
margin: -0.4em 0.5em 0;
padding: 0.42em 0.5em;
background: #787878;
-webkit-mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
mask: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
}
We were able to fix the problem by add the following to our extra backend.css:
/* fix broken sort handler introduced by a.tabledrag-handle .handle */
.js .field-multiple-table > tbody > tr.draggable > .field-multiple-drag .tabledrag-handle {
height: auto;
}
.js .field-multiple-table > tbody > tr.draggable > .field-multiple-drag .tabledrag-handle .handle {
-webkit-mask: inherit;
mask: inherit;
}
Fixed
4.0
Code
Automatically closed - issue fixed for 2 weeks with no activity.