3 * Table drag behavior for off-canvas dialog.
8 #drupal-off-canvas .drag {
11 #drupal-off-canvas tr.region-title {
14 #drupal-off-canvas table .region-message {
17 #drupal-off-canvas table .region-populated {
20 #drupal-off-canvas .add-new .tabledrag-changed {
23 #drupal-off-canvas .draggable a.tabledrag-handle {
24 background-image: none;
30 float: left; /* LTR */
31 text-decoration: none;
34 [dir="rtl"] #drupal-off-canvas .draggable a.tabledrag-handle {
39 #drupal-off-canvas a.tabledrag-handle .handle {
40 /* Use lighter drag icon against dark background. */
41 background-color: transparent;
42 background-image: url(../icons/bebebe/move.svg);
43 background-repeat: no-repeat;
44 background-position: center;
50 #drupal-off-canvas .draggable a.tabledrag-handle:hover .handle,
51 #drupal-off-canvas .draggable a.tabledrag-handle:focus .handle {
52 background-image: url(../icons/787878/move.svg);
53 text-decoration: none;
55 #drupal-off-canvas tr td {
56 transition: background 0.3s ease;
59 #drupal-off-canvas tr td abbr {
60 margin-left: 5px; /* LTR */
63 [dir="rtl"] #drupal-off-canvas tr td abbr {
67 #drupal-off-canvas tr:hover td {
70 #drupal-off-canvas tr.drag td {
73 #drupal-off-canvas tr.drag-previous td {
76 #drupal-off-canvas tr.drag-previous:hover td {
79 body div.tabledrag-changed-warning {
83 #drupal-off-canvas .touchevents .draggable td {
86 #drupal-off-canvas .touchevents .draggable .menu-item__link {
87 display: inline-block;
90 #drupal-off-canvas .touchevents a.tabledrag-handle {
94 #drupal-off-canvas .touchevents a.tabledrag-handle .handle {
95 background-position: 40% 19px; /* LTR */
98 [dir="rtl"] #drupal-off-canvas .touch a.tabledrag-handle .handle {
99 background-position: right 40% top 19px;
101 #drupal-off-canvas .touchevents .draggable.drag a.tabledrag-handle .handle {
102 background-position: 50% -32px;
104 #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
106 text-align: right; /* LTR */
108 [dir="rtl"] #drupal-off-canvas .tabledrag-toggle-weight-wrapper {
111 #drupal-off-canvas .indentation {
112 float: left; /* LTR */
114 margin: 0 3px 0 -10px; /* LTR */
115 padding: 0 0 0 10px; /* LTR */
118 [dir="rtl"] #drupal-off-canvas .indentation {
120 margin: 0 -10px 0 3px;