Lines Matching full:table
1 .dmn-decision-table-container {
8 --decision-table-color: var(--color-grey-225-10-15);
9 --decision-table-background-color: var(--color-white);
10 --decision-table-properties-color: var(--color-grey-225-10-15);
26 --table-cell-color: var(--color-grey-225-10-15);
27 --table-cell-border-color: var(--color-grey-225-10-15);
28 --table-cell-selected-outline-color: var(--color-blue-205-100-45);
29 --table-foot-add-rule-border-color: var(--color-grey-225-10-75);
30 --table-foot-add-rule-color: var(--color-grey-225-10-75);
31 --table-foot-add-rule-hover-border-color: var(--color-grey-225-10-15);
32 --table-foot-add-rule-hover-color: var(--color-grey-225-10-15);
33 --table-head-border-color: var(--color-grey-225-10-15);
34 --table-head-clause-color: var(--color-grey-225-10-35);
35 --table-head-separator-color: var(--color-grey-225-10-75);
36 --table-head-variable-color: var(--color-grey-225-10-35);
37 --table-row-alternative-background-color: var(--color-grey-225-10-97);
42 --decision-table-font-family: 'Arial', sans-serif;
48 font-family: var(--decision-table-font-family);
50 color: var(--table-color);
56 .dmn-decision-table-container * {
60 .dmn-decision-table-container .tjs-container {
70 /* basic table styles */
72 .dmn-decision-table-container .tjs-table-container {
74 border: solid 1px var(--table-cell-border-color);
78 .dmn-decision-table-container .tjs-table {
84 table-layout: fixed;
89 .dmn-decision-table-container th,
90 .dmn-decision-table-container td {
97 .dmn-decision-table-container thead th {
104 background-color: var(--decision-table-background-color);
105 border-bottom: 3px double var(--table-head-border-color);
108 .dmn-decision-table-container thead th.output-editor {
112 .dmn-decision-table-container thead th.create-inputs,
113 .dmn-decision-table-container thead th.input-editor {
117 .dmn-decision-table-container tbody td {
118 border-top: solid 1px var(--table-cell-border-color);
121 .dmn-decision-table-container th.input-cell,
122 .dmn-decision-table-container td.input-cell,
123 .dmn-decision-table-container th.output-cell,
124 .dmn-decision-table-container td.output-cell,
125 .dmn-decision-table-container th.annotation,
126 .dmn-decision-table-container td.annotation {
127 color: var(--table-cell-color);
130 .dmn-decision-table-container th.input-cell + th.output-cell,
131 .dmn-decision-table-container td.input-cell + td.output-cell {
132 border-left: 3px double var(--table-cell-border-color);
135 .dmn-decision-table-container th:not(:first-child),
136 .dmn-decision-table-container td:not(:first-child) {
138 border-left: solid 1px var(--table-cell-border-color);
141 .dmn-decision-table-container thead {
142 background-color: var(--decision-table-background-color);
145 .dmn-decision-table-container thead th:first-child {
150 .dmn-decision-table-container tfoot td:first-child {
151 border-right: solid 1px var(--table-foot-add-rule-border-color);
154 .dmn-decision-table-container tbody td:first-child,
155 .dmn-decision-table-container tfoot td:first-child {
158 background-color: var(--decision-table-background-color);
162 .dmn-decision-table-container tbody:empty {
166 .dmn-decision-table-container thead th:first-child,
167 .dmn-decision-table-container tbody td:first-child {
168 border-right: solid 1px var(--table-cell-border-color);
171 .dmn-decision-table-container thead th:nth-child(2),
172 .dmn-decision-table-container tbody td:nth-child(2),
173 .dmn-decision-table-container tfoot td:nth-child(2) {
177 .dmn-decision-table-container tbody tr:last-child td {
178 border-bottom: solid 1px var(--table-cell-border-color);
181 .dmn-decision-table-container tbody tr:first-child td {
185 .dmn-decision-table-container th.index-column {
189 .dmn-decision-table-container td.rule-index {
194 .dmn-decision-table-container tbody tr:nth-child(2n) {
195 background-color: var(--table-row-alternative-background-color);
198 .dmn-decision-table-container td.input-cell.add-rule,
199 .dmn-decision-table-container td.input-cell:not(.focussed).empty {
203 /* end basic table styles */
207 .dmn-decision-table-container h3,
208 .dmn-decision-table-container h5 {
212 .dmn-decision-table-container .selected {
213 outline: var(--table-cell-selected-outline-color);
217 .dmn-decision-table-container th.selected:not(.focussed) {
225 .dmn-decision-table-container tfoot td.input-cell + td.output-cell {
226 border-left: 3px double var(--table-foot-add-rule-border-color);
229 .dmn-decision-table-container tfoot.add-rule td.add-rule-add {
234 .dmn-decision-table-container tfoot.add-rule tr td {
235 border-color: var(--table-foot-add-rule-border-color);
236 color: var(--table-foot-add-rule-color);
239 .dmn-decision-table-container tfoot.add-rule:hover td.input-cell + td.output-cell {
240 border-left-color: var(--table-cell-border-color);
243 .dmn-decision-table-container tfoot.add-rule:hover td {
244 border-color: var(--table-foot-add-rule-hover-border-color);
245 color: var(--table-foot-add-rule-hover-color);
252 .dmn-decision-table-container [contenteditable],
253 .dmn-decision-table-container [tabindex] {
259 /* decision table header */
260 .dmn-decision-table-container .decision-table-header {
265 .dmn-decision-table-container .decision-table-header * {
269 /* decision table properties */
270 .dmn-decision-table-container .decision-table-properties {
272 color: var(--decision-table-properties-color);
273 border: 1px solid var(--table-cell-border-color);
274 background-color: var(--decision-table-background-color);
279 .dmn-decision-table-container .decision-table-name {
291 .dmn-decision-table-container .decision-table-name:not(.editable),
292 .dmn-decision-table-container .decision-table-name .content-editable {
298 .dmn-decision-table-container .decision-table-name.focussed .content-editable {
302 .dmn-decision-table-container .decision-table-header-separator {
305 border-left: 2px solid var(--table-head-separator-color);
309 .dmn-decision-table-container .hit-policy {
313 .dmn-decision-table-container .hit-policy-explanation {
318 /* end decision table properties */
320 .dmn-decision-table-container thead .input-label,
321 .dmn-decision-table-container thead .input-expression,
322 .dmn-decision-table-container thead .output-label,
323 .dmn-decision-table-container thead .output-name {
333 .dmn-decision-table-container thead .input-expression:empty::before {
338 .dmn-decision-table-container thead .output-name:empty::before {
343 .dmn-decision-table-container thead .input-variable,
344 .dmn-decision-table-container thead .output-variable {
351 .dmn-decision-table-container thead .input-cell .clause,
352 .dmn-decision-table-container thead .output-cell .clause {
355 color: var(--table-head-clause-color);
358 .dmn-decision-table-container thead .input-cell .input-variable,
359 .dmn-decision-table-container thead .output-cell .output-variable {
361 color: var(--table-head-variable-color);
366 .dmn-decision-table-container .action-icon {
369 box-shadow: 0 0 0 2px var(--decision-table-background-color);
375 .dmn-decision-table-container .create-inputs .action-icon,
376 .dmn-decision-table-container .add-input .action-icon,
377 .dmn-decision-table-container .add-output .action-icon {
390 .dmn-decision-table-container .actionable:hover .action-icon {
395 .dmn-decision-table-container .action-icon::before {
400 .dmn-decision-table-container .add-input,
401 .dmn-decision-table-container .add-output {
414 .dmn-decision-table-container .view-drd {
418 .dmn-decision-table-container .view-drd .view-drd-button {
429 .dmn-decision-table-container .view-drd .view-drd-button:hover {
437 .dmn-decision-table-container .simple-mode-button {
451 .dmn-decision-table-container .simple-mode-button:hover {
455 .dmn-decision-table-container .simple-mode-button.disabled,
456 .dmn-decision-table-container .simple-mode-button.disabled:hover {
460 .dmn-decision-table-container .dms-input-duration-edit-row {
488 .dmn-decision-table-container .dmn-expression-language .dms-badge-label {
492 .dmn-decision-table-container .input-cell:hover .dmn-expression-language .dms-badge-label,
493 .dmn-decision-table-container .output-cell:hover .dmn-expression-language .dms-badge-label {
497 .dmn-decision-table-container .input-editor .dmn-expression-language {
502 .dmn-decision-table-container .cell .dms-badge.dmn-expression-language {
506 .dmn-decision-table-container .cell:hover .dms-badge.dmn-expression-language {
513 .dmn-decision-table-container .cell .dmn-expression-language {
526 .dmn-decision-table-container .dragover::before {
535 .dmn-decision-table-container .dragover.top::before {
542 .dmn-decision-table-container .dragover.right::before {
549 .dmn-decision-table-container .dragover.bottom::before {
556 .dmn-decision-table-container .dragover.left::before {
563 .dmn-decision-table-container .dragged {
569 .dmn-decision-table-container .description-indicator {