added workspace icon and background color

This commit is contained in:
zadam 2020-11-25 20:25:55 +01:00
parent 61f30373d4
commit b9c0823abf
2 changed files with 31 additions and 7 deletions

View file

@ -265,10 +265,14 @@ class NoteShort {
}
getIcon(isFolder = false) {
const iconCassLabels = this.getLabels('iconClass');
const iconClassLabels = this.getLabels('iconClass');
const workspaceIconClass = this.getWorkspaceIconClass();
if (iconCassLabels.length > 0) {
return iconCassLabels.map(l => l.value).join(' ');
if (iconClassLabels.length > 0) {
return iconClassLabels.map(l => l.value).join(' ');
}
else if (workspaceIconClass) {
return workspaceIconClass;
}
else if (this.noteId === 'root') {
return "bx bx-chevrons-right";
@ -547,9 +551,14 @@ class NoteShort {
return labels.map(l => l.value).join(' ');
}
getHoistedCssClass() {
const labels = this.getLabels('hoistedCssClass');
return labels.map(l => l.value).join(' ');
getWorkspaceIconClass() {
const labels = this.getLabels('workspaceIconClass');
return labels.length > 0 ? labels[0].value : "";
}
getWorkspaceTabBackgroundColor() {
const labels = this.getLabels('workspaceTabBackgroundColor');
return labels.length > 0 ? labels[0].value : "";
}
}

View file

@ -28,6 +28,7 @@ const TAB_SIZE_MINI = 48;
const TAB_TPL = `
<div class="note-tab">
<div class="note-tab-wrapper">
<div class="note-tab-icon"></div>
<div class="note-tab-title"></div>
<div class="note-tab-drag-handle"></div>
<div class="note-tab-close" title="Close tab" data-trigger-command="closeActiveTab"><span>×</span></div>
@ -160,6 +161,12 @@ const TAB_ROW_TPL = `
color: var(--muted-text-color);
}
.note-tab-row .note-tab .note-tab-icon {
position: relative;
top: -1px;
padding-right: 3px;
}
.note-tab-row .note-tab[is-small] .note-tab-title {
margin-left: 0;
}
@ -624,7 +631,15 @@ export default class TabRowWidget extends BasicWidget {
const hoistedNote = treeCache.getNoteFromCache(tabContext.hoistedNoteId);
if (hoistedNote) {
$tab.addClass(hoistedNote.getHoistedCssClass());
$tab.find('.note-tab-icon')
.removeClass()
.addClass("note-tab-icon")
.addClass(hoistedNote.getWorkspaceIconClass());
$tab.find('.note-tab-wrapper').css("background", hoistedNote.getWorkspaceTabBackgroundColor());
}
else {
$tab.find('.note-tab-wrapper').removeAttr("style");
}
}