diff --git a/src/modules/sub-items/components/table-view/css/table.view.item.component.css b/src/modules/sub-items/components/table-view/css/table.view.item.component.css index 61bb5dc8..16eb93d9 100644 --- a/src/modules/sub-items/components/table-view/css/table.view.item.component.css +++ b/src/modules/sub-items/components/table-view/css/table.view.item.component.css @@ -23,6 +23,21 @@ width: 7ch; } +.c-table-view-item__inner-wrapper--disabled { + position: relative; +} + +.c-table-view-item__inner-wrapper--disabled:before { + position: absolute; + z-index: 2; + top: 0; + left: 0; + right: 0; + bottom: 0; + content: ''; + display: block; +} + .c-table-view-item__priority-value { max-width: 100%; height: 40px; @@ -33,6 +48,7 @@ .c-table-view-item__priority-value[disabled] { border: 0 none; + background: transparent; cursor: pointer; } @@ -99,4 +115,4 @@ .c-table-view-item__link { display: block; -} \ No newline at end of file +} diff --git a/src/modules/sub-items/components/table-view/table.view.item.component.js b/src/modules/sub-items/components/table-view/table.view.item.component.js index 890c29b5..9f212465 100644 --- a/src/modules/sub-items/components/table-view/table.view.item.component.js +++ b/src/modules/sub-items/components/table-view/table.view.item.component.js @@ -103,6 +103,7 @@ export default class TableViewItemComponent extends Component { if (!this.state.priorityInputEnabled) { inputAttrs.disabled = true; priorityWrapperAttrs.onClick = this.enablePriorityInput.bind(this); + priorityWrapperAttrs.className = 'c-table-view-item__inner-wrapper--disabled'; innerWrapperAttrs.hidden = true; }