Chris@0: /**
Chris@0:  * @file
Chris@0:  * Table drag behavior.
Chris@0:  *
Chris@0:  * @see tabledrag.js
Chris@0:  */
Chris@0: 
Chris@0: body.drag {
Chris@0:   cursor: move;
Chris@0: }
Chris@0: tr.region-title {
Chris@0:   font-weight: bold;
Chris@0: }
Chris@0: tr.region-message {
Chris@0:   color: #999;
Chris@0: }
Chris@0: tr.region-populated {
Chris@0:   display: none;
Chris@0: }
Chris@0: tr.add-new .tabledrag-changed {
Chris@0:   display: none;
Chris@0: }
Chris@0: .draggable a.tabledrag-handle {
Chris@0:   float: left; /* LTR */
Chris@18:   overflow: hidden;
Chris@0:   height: 1.7em;
Chris@0:   margin-left: -1em; /* LTR */
Chris@18:   cursor: move;
Chris@0:   text-decoration: none;
Chris@0: }
Chris@0: [dir="rtl"] .draggable a.tabledrag-handle {
Chris@0:   float: right;
Chris@0:   margin-right: -1em;
Chris@0:   margin-left: 0;
Chris@0: }
Chris@0: a.tabledrag-handle:hover {
Chris@0:   text-decoration: none;
Chris@0: }
Chris@0: a.tabledrag-handle .handle {
Chris@18:   width: 14px;
Chris@0:   height: 14px;
Chris@0:   margin: -0.4em 0.5em 0;
Chris@0:   padding: 0.42em 0.5em;
Chris@18:   background: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
Chris@0: }
Chris@0: a.tabledrag-handle:hover .handle,
Chris@0: a.tabledrag-handle:focus .handle {
Chris@0:   background-image: url(../../../../misc/icons/000000/move.svg);
Chris@0: }
Chris@0: .touchevents .draggable td {
Chris@0:   padding: 0 10px;
Chris@0: }
Chris@0: .touchevents .draggable .menu-item__link {
Chris@0:   display: inline-block;
Chris@0:   padding: 10px 0;
Chris@0: }
Chris@0: .touchevents a.tabledrag-handle {
Chris@18:   width: 40px;
Chris@0:   height: 44px;
Chris@0: }
Chris@0: .touchevents a.tabledrag-handle .handle {
Chris@18:   height: 21px;
Chris@0:   background-position: 40% 19px; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .touch a.tabledrag-handle .handle {
Chris@0:   background-position: right 40% top 19px;
Chris@0: }
Chris@0: .touchevents .draggable.drag a.tabledrag-handle .handle {
Chris@0:   background-position: 50% -32px;
Chris@0: }
Chris@0: .tabledrag-toggle-weight-wrapper {
Chris@0:   text-align: right; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .tabledrag-toggle-weight-wrapper {
Chris@0:   text-align: left;
Chris@0: }
Chris@0: .indentation {
Chris@0:   float: left; /* LTR */
Chris@18:   width: 20px;
Chris@0:   height: 1.7em;
Chris@0:   margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
Chris@0:   padding: 0.42em 0 0.42em 0.6em; /* LTR */
Chris@0: }
Chris@0: [dir="rtl"] .indentation {
Chris@0:   float: right;
Chris@0:   margin: -0.4em -0.4em -0.4em 0.2em;
Chris@0:   padding: 0.42em 0.6em 0.42em 0;
Chris@0: }