3 * Table drag behavior for Settings Tray module.
9 /* Because base font sizes will vary widely across themes, to maintain consistency outside-in uses only pixels. */
11 .ui-dialog-outside-in body.drag {
14 .ui-dialog-outside-in tr.region-title {
17 .ui-dialog-outside-in tr.region-message {
20 .ui-dialog-outside-in tr.region-populated {
23 .ui-dialog-outside-in tr.add-new .tabledrag-changed {
26 .ui-dialog-outside-in .draggable a.tabledrag-handle {
27 background-image: none;
29 margin-left: 0; /* LTR */
30 margin-right: 5px; /* LTR */
35 float: left; /* LTR */
36 text-decoration: none;
39 [dir="rtl"] .ui-dialog-outside-in .draggable a.tabledrag-handle {
44 .ui-dialog-outside-in a.tabledrag-handle .handle {
45 /* Use lighter drag icon against dark background. */
46 background-image: url(../../../misc/icons/bebebe/move.svg);
47 background-repeat: no-repeat;
48 background-position: center;
54 .ui-dialog-outside-in .draggable a.tabledrag-handle:hover .handle,
55 .ui-dialog-outside-in .draggable a.tabledrag-handle:focus .handle {
56 background-image: url(../../../misc/icons/787878/move.svg);
57 text-decoration: none;
60 .ui-dialog-outside-in .touchevents .draggable td {
63 .ui-dialog-outside-in .touchevents .draggable .menu-item__link {
64 display: inline-block;
67 .ui-dialog-outside-in .touchevents a.tabledrag-handle {
71 .ui-dialog-outside-in .touchevents a.tabledrag-handle .handle {
72 background-position: 40% 19px; /* LTR */
75 [dir="rtl"] .ui-dialog-outside-in .touch a.tabledrag-handle .handle {
76 background-position: right 40% top 19px;
78 .ui-dialog-outside-in .touchevents .draggable.drag a.tabledrag-handle .handle {
79 background-position: 50% -32px;
81 .ui-dialog-outside-in .tabledrag-toggle-weight-wrapper {
82 text-align: right; /* LTR */
84 [dir="rtl"] .ui-dialog-outside-in .tabledrag-toggle-weight-wrapper {
87 .ui-dialog-outside-in .indentation {
88 float: left; /* LTR */
90 margin: 0 3px 0 -10px; /* LTR */
91 padding: 0 0 0 10px; /* LTR */
94 [dir="rtl"] .ui-dialog-outside-in .indentation {
96 margin: 0 -10px 0 3px;
99 .ui-dialog-outside-in tr.drag {
100 background-color: #555;
102 .ui-dialog-outside-in tr.drag-previous {
103 background-color: #000;