Lines Matching refs:table
1 .dmn-decision-table-container {
7 --decision-table-color: var(--color-grey-225-10-15);
8 --decision-table-background-color: var(--color-white);
9 --decision-table-properties-color: var(--color-grey-225-10-15);
25 --table-cell-color: var(--color-grey-225-10-15);
26 --table-cell-border-color: var(--color-grey-225-10-15);
27 --table-cell-selected-outline-color: var(--color-blue-205-100-45);
28 --table-foot-add-rule-border-color: var(--color-grey-225-10-75);
29 --table-foot-add-rule-color: var(--color-grey-225-10-75);
30 --table-foot-add-rule-hover-border-color: var(--color-grey-225-10-15);
31 --table-foot-add-rule-hover-color: var(--color-grey-225-10-15);
32 --table-head-border-color: var(--color-grey-225-10-15);
33 --table-head-clause-color: var(--color-grey-225-10-35);
34 --table-head-separator-color: var(--color-grey-225-10-75);
35 --table-head-variable-color: var(--color-grey-225-10-35);
36 --table-row-alternative-background-color: var(--color-grey-225-10-97);
41 --decision-table-font-family: 'Arial', sans-serif;
47 font-family: var(--decision-table-font-family);
49 color: var(--table-color);
55 .dmn-decision-table-container * {
59 .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 {
368 box-shadow: 0 0 0 2px var(--decision-table-background-color);
372 .dmn-decision-table-container .create-inputs .action-icon,
373 .dmn-decision-table-container .add-input .action-icon,
374 .dmn-decision-table-container .add-output .action-icon {
386 .dmn-decision-table-container .actionable:hover .action-icon {
391 .dmn-decision-table-container .action-icon::before {
396 .dmn-decision-table-container .add-input,
397 .dmn-decision-table-container .add-output {
410 .dmn-decision-table-container .view-drd {
414 .dmn-decision-table-container .view-drd .view-drd-button {
426 .dmn-decision-table-container .view-drd .view-drd-button:hover {
438 .dmn-decision-table-container .powered-by {
450 .dmn-decision-table-container .powered-by-overlay {
463 .dmn-decision-table-container .powered-by-overlay .powered-by-overlay-content {
476 .dmn-decision-table-container .powered-by-overlay .powered-by-overlay-content .logo {
484 .dmn-decision-table-container .simple-mode-button {
498 .dmn-decision-table-container .simple-mode-button:hover {
502 .dmn-decision-table-container .simple-mode-button.disabled,
503 .dmn-decision-table-container .simple-mode-button.disabled:hover {
507 .dmn-decision-table-container .dms-input-duration-edit-row {
535 .dmn-decision-table-container .dmn-expression-language .dms-badge-label {
539 .dmn-decision-table-container .input-cell:hover .dmn-expression-language .dms-badge-label,
540 .dmn-decision-table-container .output-cell:hover .dmn-expression-language .dms-badge-label {
544 .dmn-decision-table-container .input-editor .dmn-expression-language {
549 .dmn-decision-table-container .cell .dms-badge.dmn-expression-language {
553 .dmn-decision-table-container .cell:hover .dms-badge.dmn-expression-language {
560 .dmn-decision-table-container .cell .dmn-expression-language {
573 .dmn-decision-table-container .dragover::before {
582 .dmn-decision-table-container .dragover.top::before {
589 .dmn-decision-table-container .dragover.right::before {
596 .dmn-decision-table-container .dragover.bottom::before {
603 .dmn-decision-table-container .dragover.left::before {
610 .dmn-decision-table-container .dragged {
616 .dmn-decision-table-container .description-indicator {