|
Chris@0
|
1 /**
|
|
Chris@0
|
2 * @file
|
|
Chris@0
|
3 * Table drag behavior.
|
|
Chris@0
|
4 *
|
|
Chris@0
|
5 * @see tabledrag.js
|
|
Chris@0
|
6 */
|
|
Chris@0
|
7
|
|
Chris@0
|
8 body.drag {
|
|
Chris@0
|
9 cursor: move;
|
|
Chris@0
|
10 }
|
|
Chris@0
|
11 tr.region-title {
|
|
Chris@0
|
12 font-weight: bold;
|
|
Chris@0
|
13 }
|
|
Chris@0
|
14 tr.region-message {
|
|
Chris@0
|
15 color: #999;
|
|
Chris@0
|
16 }
|
|
Chris@0
|
17 tr.region-populated {
|
|
Chris@0
|
18 display: none;
|
|
Chris@0
|
19 }
|
|
Chris@0
|
20 tr.add-new .tabledrag-changed {
|
|
Chris@0
|
21 display: none;
|
|
Chris@0
|
22 }
|
|
Chris@0
|
23 .draggable a.tabledrag-handle {
|
|
Chris@0
|
24 cursor: move;
|
|
Chris@0
|
25 float: left; /* LTR */
|
|
Chris@0
|
26 height: 1.7em;
|
|
Chris@0
|
27 margin-left: -1em; /* LTR */
|
|
Chris@0
|
28 overflow: hidden;
|
|
Chris@0
|
29 text-decoration: none;
|
|
Chris@0
|
30 }
|
|
Chris@0
|
31 [dir="rtl"] .draggable a.tabledrag-handle {
|
|
Chris@0
|
32 float: right;
|
|
Chris@0
|
33 margin-right: -1em;
|
|
Chris@0
|
34 margin-left: 0;
|
|
Chris@0
|
35 }
|
|
Chris@0
|
36 a.tabledrag-handle:hover {
|
|
Chris@0
|
37 text-decoration: none;
|
|
Chris@0
|
38 }
|
|
Chris@0
|
39 a.tabledrag-handle .handle {
|
|
Chris@0
|
40 background: url(../../../images/core/icons/787878/move.svg) no-repeat 6px 7px;
|
|
Chris@0
|
41 height: 14px;
|
|
Chris@0
|
42 margin: -0.4em 0.5em 0;
|
|
Chris@0
|
43 padding: 0.42em 0.5em;
|
|
Chris@0
|
44 width: 14px;
|
|
Chris@0
|
45 }
|
|
Chris@0
|
46 a.tabledrag-handle:hover .handle,
|
|
Chris@0
|
47 a.tabledrag-handle:focus .handle {
|
|
Chris@0
|
48 background-image: url(../../../images/core/icons/000000/move.svg);
|
|
Chris@0
|
49 }
|
|
Chris@0
|
50 .touchevents .draggable td {
|
|
Chris@0
|
51 padding: 0 10px;
|
|
Chris@0
|
52 }
|
|
Chris@0
|
53 .touchevents .draggable .menu-item__link {
|
|
Chris@0
|
54 display: inline-block;
|
|
Chris@0
|
55 padding: 10px 0;
|
|
Chris@0
|
56 }
|
|
Chris@0
|
57 .touchevents a.tabledrag-handle {
|
|
Chris@0
|
58 height: 44px;
|
|
Chris@0
|
59 width: 40px;
|
|
Chris@0
|
60 }
|
|
Chris@0
|
61 .touchevents a.tabledrag-handle .handle {
|
|
Chris@0
|
62 background-position: 40% 19px; /* LTR */
|
|
Chris@0
|
63 height: 21px;
|
|
Chris@0
|
64 }
|
|
Chris@0
|
65 [dir="rtl"] .touch a.tabledrag-handle .handle {
|
|
Chris@0
|
66 background-position: right 40% top 19px;
|
|
Chris@0
|
67 }
|
|
Chris@0
|
68 .touchevents .draggable.drag a.tabledrag-handle .handle {
|
|
Chris@0
|
69 background-position: 50% -32px;
|
|
Chris@0
|
70 }
|
|
Chris@0
|
71 .tabledrag-toggle-weight-wrapper {
|
|
Chris@0
|
72 text-align: right; /* LTR */
|
|
Chris@0
|
73 }
|
|
Chris@0
|
74 [dir="rtl"] .tabledrag-toggle-weight-wrapper {
|
|
Chris@0
|
75 text-align: left;
|
|
Chris@0
|
76 }
|
|
Chris@0
|
77 .indentation {
|
|
Chris@0
|
78 float: left; /* LTR */
|
|
Chris@0
|
79 height: 1.7em;
|
|
Chris@0
|
80 margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
|
|
Chris@0
|
81 padding: 0.42em 0 0.42em 0.6em; /* LTR */
|
|
Chris@0
|
82 width: 20px;
|
|
Chris@0
|
83 }
|
|
Chris@0
|
84 [dir="rtl"] .indentation {
|
|
Chris@0
|
85 float: right;
|
|
Chris@0
|
86 margin: -0.4em -0.4em -0.4em 0.2em;
|
|
Chris@0
|
87 padding: 0.42em 0.6em 0.42em 0;
|
|
Chris@0
|
88 }
|
