diff --git a/frontend/amundsen_application/static/css/_list-group.scss b/frontend/amundsen_application/static/css/_list-group.scss index 9d2e895de5..b5c1dbf0fa 100644 --- a/frontend/amundsen_application/static/css/_list-group.scss +++ b/frontend/amundsen_application/static/css/_list-group.scss @@ -16,9 +16,5 @@ cursor: pointer; z-index: 1; } - - &.is-disabled { - pointer-events: none; - } } } diff --git a/frontend/amundsen_application/static/js/components/ResourceListItem/TableListItem/index.tsx b/frontend/amundsen_application/static/js/components/ResourceListItem/TableListItem/index.tsx index 07ecff8e66..7e8612bfae 100644 --- a/frontend/amundsen_application/static/js/components/ResourceListItem/TableListItem/index.tsx +++ b/frontend/amundsen_application/static/js/components/ResourceListItem/TableListItem/index.tsx @@ -55,9 +55,11 @@ const TableListItem: React.FC = ({ tableHighlights, disabled, }) => ( -
  • +
  • logClick(e, { diff --git a/frontend/amundsen_application/static/js/components/ResourceListItem/styles.scss b/frontend/amundsen_application/static/js/components/ResourceListItem/styles.scss index dab0351904..31d70f5c63 100644 --- a/frontend/amundsen_application/static/js/components/ResourceListItem/styles.scss +++ b/frontend/amundsen_application/static/js/components/ResourceListItem/styles.scss @@ -14,6 +14,17 @@ $resource-item-height: 110px; padding: $spacer-3; text-decoration: none; + &.is-disabled { + pointer-events: none; + cursor: not-allowed; + .resource-icon { + filter: grayscale(1); + } + .resource-info .resource-info-text .resource-name { + color: $text-secondary; + } + } + .description { em { background-color: $indigo10;