annotate core/modules/system/css/components/tabledrag.module.css @ 19:fa3358dc1485 tip

Add ndrum files
author Chris Cannam
date Wed, 28 Aug 2019 13:14:47 +0100
parents af1871eacc83
children
rev   line source
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 float: left; /* LTR */
Chris@18 25 overflow: hidden;
Chris@0 26 height: 1.7em;
Chris@0 27 margin-left: -1em; /* LTR */
Chris@18 28 cursor: move;
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@18 40 width: 14px;
Chris@0 41 height: 14px;
Chris@0 42 margin: -0.4em 0.5em 0;
Chris@0 43 padding: 0.42em 0.5em;
Chris@18 44 background: url(../../../../misc/icons/787878/move.svg) no-repeat 6px 7px;
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(../../../../misc/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@18 58 width: 40px;
Chris@0 59 height: 44px;
Chris@0 60 }
Chris@0 61 .touchevents a.tabledrag-handle .handle {
Chris@18 62 height: 21px;
Chris@0 63 background-position: 40% 19px; /* LTR */
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@18 79 width: 20px;
Chris@0 80 height: 1.7em;
Chris@0 81 margin: -0.4em 0.2em -0.4em -0.4em; /* LTR */
Chris@0 82 padding: 0.42em 0 0.42em 0.6em; /* LTR */
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 }