Add unpin tooltip and highlight tags when hovering theme..

This commit is contained in:
Matias De lellis
2020-06-04 09:19:30 -03:00
parent 9b09f54dd1
commit 0845127458
2 changed files with 13 additions and 9 deletions

View File

@@ -105,13 +105,14 @@
margin-left: 2px; margin-left: 2px;
padding: 12px; padding: 12px;
background-color: rgba(0,0,0,0.08); background-color: rgba(0,0,0,0.08);
opacity: 0.7; opacity: 0.54;
border-radius: 50%; border-radius: 50%;
} }
//.icon-header-note:hover { .icon-header-note:hover {
// background-color: rgba(0,0,0,0.14); background-color: rgba(0,0,0,0.12);
//} opacity: 0.87;
}
.hide-header-icon { .hide-header-icon {
display: none; display: none;
@@ -250,11 +251,15 @@ div[contenteditable="true"] {
padding: 0px 6px 0 24px; padding: 0px 6px 0 24px;
background-color: rgba(0,0,0,0.08); background-color: rgba(0,0,0,0.08);
background-position: 8px center; background-position: 8px center;
opacity: 0.7; opacity: 0.87;
border-radius: 10px; border-radius: 10px;
font-size: 90%; font-size: 90%;
} }
.slim-tag:hover {
background-color: rgba(0,0,0,0.12);
}
.note-tags { .note-tags {
margin-top: 10px; margin-top: 10px;
} }

View File

@@ -13,10 +13,6 @@
$(document).ready(function () { $(document).ready(function () {
var translations = {
pinNote: t('quicknotes', 'Pin note'),
};
// this notes object holds all our notes // this notes object holds all our notes
var Notes = function (baseUrl) { var Notes = function (baseUrl) {
this._baseUrl = baseUrl; this._baseUrl = baseUrl;
@@ -589,6 +585,7 @@ View.prototype = {
$(this).addClass("fixed-header-icon"); $(this).addClass("fixed-header-icon");
$(this).removeClass("icon-pin"); $(this).removeClass("icon-pin");
$(this).addClass("icon-pinned"); $(this).addClass("icon-pinned");
$(this).attr('title', t('quicknotes', 'Unpin note'));
$('.notes-grid').isotope('updateSortData').isotope(); $('.notes-grid').isotope('updateSortData').isotope();
}); });
@@ -600,6 +597,8 @@ View.prototype = {
$(this).removeClass("icon-pinned"); $(this).removeClass("icon-pinned");
$(this).addClass("icon-pin"); $(this).addClass("icon-pin");
$(this).attr('title', t('quicknotes', 'Pin note'));
$('.notes-grid').isotope('updateSortData').isotope(); $('.notes-grid').isotope('updateSortData').isotope();
}); });