diff --git a/app/assets/javascripts/repositories/row_editor.js b/app/assets/javascripts/repositories/row_editor.js index 276476ad3..2b282be84 100644 --- a/app/assets/javascripts/repositories/row_editor.js +++ b/app/assets/javascripts/repositories/row_editor.js @@ -128,6 +128,7 @@ var RepositoryDatatableRowEditor = (function() { // First two columns are always present and visible $row.append(rowForm); + $row.addClass('editing'); $row.append($(TABLE_CELL)); $(TABLE.table().node()).find('tbody').prepend($row); @@ -177,6 +178,7 @@ var RepositoryDatatableRowEditor = (function() { `); $row.find('td').first().append(rowForm); + $row.addClass('editing'); TABLE.cells(row.index(), row.columns().eq(0)).every(function() { let $header = $(TABLE.columns(this.index().column).header()); diff --git a/app/assets/stylesheets/repository/repository_table.scss b/app/assets/stylesheets/repository/repository_table.scss index 2853b0d4f..8fb9fa314 100644 --- a/app/assets/stylesheets/repository/repository_table.scss +++ b/app/assets/stylesheets/repository/repository_table.scss @@ -6,6 +6,15 @@ .repository-table { margin-top: 20px; + &.editing { + tbody>tr { + &:not(.editing) { + opacity: .4; + pointer-events: none; + } + } + } + .dataTables_filter { float: right; }