tabledrag.pcss.css

Same filename in this branch
  1. 10 core/misc/dialog/off-canvas/css/tabledrag.pcss.css
  2. 10 core/themes/claro/css/components/tabledrag.pcss.css
Same filename in other branches
  1. 9 core/themes/olivero/css/components/tabledrag.pcss.css
  2. 9 core/themes/claro/css/components/tabledrag.pcss.css
  3. 8.9.x core/themes/claro/css/components/tabledrag.pcss.css
  4. 11.x core/misc/dialog/off-canvas/css/tabledrag.pcss.css
  5. 11.x core/themes/olivero/css/components/tabledrag.pcss.css
  6. 11.x core/themes/claro/css/components/tabledrag.pcss.css

Styles for tabledrag.

File

core/themes/olivero/css/components/tabledrag.pcss.css

View source
  1. /**
  2. * @file
  3. * Styles for tabledrag.
  4. */
  5. @import "../base/media-queries.pcss.css";
  6. .draggable:hover {
  7. background-color: var(--color--gray-100);
  8. }
  9. .draggable.drag {
  10. background-color: var(--color--gray-100);
  11. }
  12. .draggable.drag-previous {
  13. background-color: var(--color--gray-95);
  14. }
  15. .drag-previous a {
  16. color: var(--color-text-neutral-medium); /* Ensure proper contrast. */
  17. }
  18. a.tabledrag-handle,
  19. .touchevents a.tabledrag-handle {
  20. width: 36px;
  21. height: 36px;
  22. }
  23. .draggable a.tabledrag-handle {
  24. margin-inline-start: 0;
  25. }
  26. a.tabledrag-handle .handle {
  27. width: var(--sp2);
  28. height: var(--sp2);
  29. margin: 0;
  30. background-position: 50% 5px;
  31. }
  32. .touchevents a.tabledrag-handle .handle {
  33. height: var(--sp2);
  34. background-position: 50% 5px;
  35. }
  36. .touchevents .draggable td {
  37. padding-block: var(--sp0-5);
  38. padding-inline-start: 0;
  39. padding-inline-end: var(--sp0-5);
  40. }
  41. .touchevents .draggable .menu-item__link {
  42. padding: 0;
  43. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.