1 2/* simple string edit */ 3.dmn-decision-table-container .simple-string-edit, 4.dmn-decision-table-container .simple-date-edit { 5 width: 250px; 6} 7 8.dmn-decision-table-container .input-expression-edit { 9 width: 300px; 10} 11 12.dmn-decision-table-container .allowed-values-edit .values { 13 display: flex; 14 flex-wrap: wrap; 15} 16 17.dmn-decision-table-container .allowed-values-edit .placeholder { 18 color: #ccc; 19} 20 21/** create inputs **/ 22.dmn-decision-table-container .create-inputs { 23 white-space: normal; 24 border-color: #AAA; 25 color: #AAA; 26 min-width: 50px; 27 width: 50px; 28} 29 30.dmn-decision-table-container .create-inputs .add-input { 31 margin-left: 0; 32 margin-top: 15px; 33 display: inline-block; 34} 35 36.dmn-decision-table-container .create-inputs:hover { 37 border-color: #444; 38 color: #444; 39} 40 41.dmn-decision-table-container th.create-inputs { 42 vertical-align: top; 43} 44/** end create inputs **/ 45 46 47/* TODO(nikku): namespace and refactor context menu styles */ 48.dmn-decision-table-container .context-menu { 49 position: absolute; 50 background: #fff; 51 border: solid 1px #CCC; 52 border-radius: 2px; 53 font-size: 14px; 54 color: #444; 55 z-index: 10; 56 box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1); 57} 58 59.dmn-decision-table-container .context-menu .context-menu-container { 60 margin: 8px; 61} 62 63.dmn-decision-table-container .context-menu p { 64 margin: 10px 0; 65} 66 67.dmn-decision-table-container .context-menu .context-menu-flex { 68 display: flex; 69} 70 71.dmn-decision-table-container .context-menu.vertical .context-menu-flex { 72 flex-direction: column; 73} 74 75.dmn-decision-table-container .context-menu.horizontal .context-menu-flex { 76 flex-direction: row; 77} 78 79.dmn-decision-table-container .context-menu.vertical .context-menu-group { 80 padding-bottom: 6px; 81 margin-bottom: 6px; 82 border-bottom: solid 1px #ccc; 83} 84 85.dmn-decision-table-container .context-menu.vertical .context-menu-group:last-child { 86 border-bottom: none; 87 margin-bottom: 0; 88} 89 90.dmn-decision-table-container .context-menu.horizontal .context-menu-group { 91 border-right: solid 1px #ccc; 92} 93 94.dmn-decision-table-container .context-menu.horizontal .context-menu-group:last-child { 95 border-right: none; 96} 97 98.dmn-decision-table-container .context-menu .context-menu-group .context-menu-group-title { 99 font-weight: bold; 100 color: #444; 101 margin: 6px 9px 6px 9px; 102} 103 104.dmn-decision-table-container .context-menu .context-menu-group .context-menu-group-entry { 105 display: flex; 106 flex-direction: row; 107 align-items: stretch; 108 width: 100%; 109 white-space: nowrap; 110 padding: 4px 9px 4px 9px; 111 cursor: pointer; 112} 113 114.dmn-decision-table-container .context-menu .context-menu-group .context-menu-group-entry.disabled { 115 pointer-events: none; 116 color: #ccc; 117} 118 119.dmn-decision-table-container .context-menu .context-menu-group .context-menu-group-entry:hover { 120 color: #52b415; 121} 122 123.dmn-decision-table-container .context-menu .context-menu-group .context-menu-group-entry .context-menu-group-entry-icon { 124 display: inline-block; 125 text-align: center; 126 width: 14px; 127 margin-right: 6px; 128} 129 130.dmn-decision-table-container .context-menu .context-menu-group .context-menu-group-entry .context-menu-group-entry-icon:before { 131 margin: 0; 132} 133 134/* expression language */ 135.dmn-decision-table-container .context-menu .context-menu-group .context-menu-entry-set-expression-language { 136 flex-direction: column; 137} 138 139.dmn-decision-table-container .context-menu .context-menu-group .context-menu-entry-set-expression-language .expression-language { 140 margin-top: 8px; 141} 142 143.dmn-decision-table-container p.dms-hint { 144 font-size: 0.85em; 145 margin-top: 5px; 146 color: #888; 147} 148 149/* drag and drop */ 150.dmn-icon-drag { 151 color: transparent; 152} 153 154.dmn-decision-table-container th .dmn-icon-drag { 155 position: absolute; 156 left: 4px; 157 top: 50%; 158 transform: translateY(-50%); 159} 160 161.dmn-decision-table-container th:hover .dmn-icon-drag, 162.dmn-decision-table-container td:hover .dmn-icon-drag { 163 color: #999; 164} 165 166.dmn-icon-drag.horizontal, 167.dmn-icon-drag.vertical { 168 169 cursor: grab; 170 cursor: -moz-grab; 171 cursor: -webkit-grab; 172} 173 174.dmn-icon-drag:hover { 175 color: #444; 176} 177 178/* description editor */ 179 180.dmn-decision-table-container .context-menu .description-editor { 181 margin: 0; 182 padding: 5px 0; 183 width: 192px; 184 border-left: solid 3px #444; 185} 186 187.dmn-decision-table-container .description-editor .dms-input { 188 border: none; 189 min-height: 0; 190} 191 192/* end description editor */