off-canvas.table.css

Same filename in this branch
  1. 8.9.x core/misc/dialog/off-canvas.table.css
Same filename in other branches
  1. 9 core/misc/dialog/off-canvas.table.css
  2. 9 core/themes/stable9/css/core/dialog/off-canvas.table.css
  3. 9 core/themes/stable/css/core/dialog/off-canvas.table.css

Visual styling for tables in the off-canvas dialog.

File

core/themes/stable/css/core/dialog/off-canvas.table.css

View source
  1. /**
  2. * @file
  3. * Visual styling for tables in the off-canvas dialog.
  4. */
  5. #drupal-off-canvas table * {
  6. font-family: "Lucida Grande", "Lucida Sans Unicode", "liberation sans", sans-serif;
  7. }
  8. #drupal-off-canvas table {
  9. display: table;
  10. width: 100%;
  11. min-width: calc(100% + 40px);
  12. /* Cancel out the padding of the parent to make the table full width. */
  13. margin: 0 -20px -10px -20px;
  14. color: #ddd;
  15. border: 0;
  16. border-collapse: collapse;
  17. font-size: 12px;
  18. }
  19. #drupal-off-canvas table thead {
  20. display: table-header-group;
  21. }
  22. #drupal-off-canvas table tbody {
  23. display: table-row-group;
  24. }
  25. #drupal-off-canvas tr {
  26. display: table-row;
  27. }
  28. #drupal-off-canvas tr:hover td {
  29. background-color: transparent;
  30. }
  31. #drupal-off-canvas td,
  32. #drupal-off-canvas th {
  33. display: table-cell;
  34. width: auto;
  35. height: auto;
  36. padding: 2px 8px;
  37. vertical-align: middle;
  38. border-bottom: 1px solid #777;
  39. background-color: transparent;
  40. }
  41. [dir="rtl"] #drupal-off-canvas th,
  42. [dir="rtl"] #drupal-off-canvas td {
  43. text-align: right;
  44. }
  45. #drupal-off-canvas th {
  46. font-weight: bold;
  47. }
  48. #drupal-off-canvas th.checkbox,
  49. #drupal-off-canvas td.checkbox {
  50. width: 20px;
  51. padding: 0;
  52. text-align: center;
  53. }
  54. #drupal-off-canvas div.checkbox.menu-enabled {
  55. position: static;
  56. display: inline;
  57. width: auto;
  58. }
  59. #drupal-off-canvas th:first-child,
  60. #drupal-off-canvas td:first-child {
  61. width: 150px;
  62. }
  63. /* For lack of a better class, using this to grab the operations th. */
  64. #drupal-off-canvas .tabledrag-has-colspan {
  65. padding-right: 20px;
  66. text-align: right;
  67. }
  68. #drupal-off-canvas td {
  69. padding: 6px 8px;
  70. color: #ddd;
  71. }
  72. /* Hide overflow with ellipsis for links. */
  73. #drupal-off-canvas td a {
  74. display: block;
  75. overflow: hidden;
  76. white-space: nowrap;
  77. text-overflow: ellipsis;
  78. background: transparent;
  79. }
  80. #drupal-off-canvas tr td:first-child,
  81. #drupal-off-canvas tr th:first-child {
  82. padding-left: 20px; /* LTR */
  83. }
  84. [dir="rtl"] #drupal-off-canvas tr td:first-child,
  85. [dir="rtl"] #drupal-off-canvas tr th:first-child {
  86. padding-right: 20px;
  87. }

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