When using the built-in Bootstrap 4 grid system, the CSS included with the bootstrap4-grid.css file breaks the Drupal table drag icons. It appears to be from the following CSS:

*, *::before, *::after {
    box-sizing: inherit;
}

Perhaps the module should add some custom CSS scoped just for the table-drag icon, to fix the issue.

CommentFileSizeAuthor
Screen Shot 2019-02-04 at 11.38.46 AM.png9.08 KBpcate

Comments

PCate created an issue. See original summary.

jfeltkamp’s picture

jfeltkamp
Primary language German
Location Hamburg
commented

Yes, you are right. @PCate Thanks. I'll fix it at the weekend.

jfeltkamp’s picture

jfeltkamp
Primary language German
Location Hamburg
commented
Assigned: Unassigned » jfeltkamp

  • JFeltkamp committed d5ecb60 on 8.x-1.x 
    Issue #3030566 by PCate, JFeltkamp: Bootstrap 4 Grid CSS breaks table-...
jfeltkamp’s picture

jfeltkamp
Primary language German
Location Hamburg
commented
Assigned: jfeltkamp » Unassigned
Status: Active » Needs review

Fixed it. The reason was, that the grid stylesheet was loaded even on admin pages, where it has no use normaly. I added an option in the paragraphs_grid admin panel, if the stylesheet should be loaded even on admin pages. Default is NOT.

Created a new alpha release. If you update the module the drag handle should be fixed.

jfeltkamp’s picture

jfeltkamp
Primary language German
Location Hamburg
commented
Status: Needs review » Fixed

Tested in more than 10 Drupal 8 instances. Works fine.

jfeltkamp’s picture

jfeltkamp
Primary language German
Location Hamburg
commented
Status: Fixed » Closed (fixed)