From b52e456fad05fd5c50e137dbf1c4d01dfec3e3dc Mon Sep 17 00:00:00 2001
From: Sebastien Curt <sebastien.curt@tetras-libre.fr>
Date: Tue, 3 May 2022 09:55:38 +0200
Subject: [PATCH] mosaic UI improvement : buttons and highligh on hover
---
capsule-prototype/css/mosaic.css | 10 ++++++++++
capsule-prototype/js/MosaicPanelWidget.js | 4 ++--
2 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/capsule-prototype/css/mosaic.css b/capsule-prototype/css/mosaic.css
index 4a8a8cc..1fe9387 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 8984ccc..b68acc5 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)
--
GitLab