Skip to content
Snippets Groups Projects
Commit b52e456f authored by Sebastien's avatar Sebastien
Browse files

mosaic UI improvement : buttons and highligh on hover

parent d60a8293
No related branches found
No related tags found
1 merge request!98refresh the mosaic on annotation modification
Pipeline #1088 passed
......@@ -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 {
......
......@@ -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)
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment