diff --git a/capsule-prototype/css/mosaic.css b/capsule-prototype/css/mosaic.css index 4a8a8ccd8f78604ca9177cc0c78559976b3b0992..1fe9387762415d786d5859acabc579a22d464d0a 100644 --- a/capsule-prototype/css/mosaic.css +++ b/capsule-prototype/css/mosaic.css @@ -58,6 +58,15 @@ flex-direction: column; align-items: center; text-align: center; + background: inherit; +} + +.mosaic_button { + cursor: pointer; +} + +.mosaic_button:hover { + filter: brightness(1.5); } .mosaic_item span { @@ -65,6 +74,7 @@ overflow: hidden; text-overflow: ellipsis; padding: var(--base-spacing); + color: #ebecec; } .mosaic_item img { diff --git a/capsule-prototype/js/MosaicPanelWidget.js b/capsule-prototype/js/MosaicPanelWidget.js index 8984cccdd66391f50ad568000bc8ae222a4912cf..b68acc54ea984ad045618037945b11a2d2f64597 100644 --- a/capsule-prototype/js/MosaicPanelWidget.js +++ b/capsule-prototype/js/MosaicPanelWidget.js @@ -50,7 +50,7 @@ let name = tagOrDoc.getMetadata("Rekall->Name"); let url = getUrl(tagOrDoc, path); - let div = $('<div/>').addClass('mosaic_item').on('click', function () { + let div = $('<div/>').addClass('mosaic_item mosaic_button').on('click', function () { tagOrDoc.openPopupEdit(); }); div.append($('<img/>').attr('src', url).attr('onerror', "this.src='../shared/css/images/img-document.png';")); @@ -62,7 +62,7 @@ const getFilterElement = function (text, color, callback, css_class) { return $('<div/>') - .addClass('mosaic_filter_item') + .addClass('mosaic_filter_item mosaic_button') .addClass(css_class) .on('click', callback) .css('background-color', color)