gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 18:08:33 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

protected notes detail is now marked with shield background instead of just grey background

Browse Source
This commit is contained in:
azivner 2018-08-17 09:32:07 +02:00
parent 02c0f9a6cd
commit 427ce3972e
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/public/images/shield.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fafafa" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-shield"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 274 B

3
src/public/javascripts/services/note_detail.js
View File

@ -25,7 +25,6 @@ const $noteDetailComponents = $(".note-detail-component");
const $protectButton = $("#protect-button"); const $protectButton = $("#protect-button");
const $unprotectButton = $("#unprotect-button"); const $unprotectButton = $("#unprotect-button");
const $noteDetailWrapper = $("#note-detail-wrapper"); const $noteDetailWrapper = $("#note-detail-wrapper");
const $noteDetailComponentWrapper = $("#note-detail-component-wrapper");
const $noteIdDisplay = $("#note-id-display"); const $noteIdDisplay = $("#note-id-display");
const $attributeList = $("#attribute-list"); const $attributeList = $("#attribute-list");
const $attributeListInner = $("#attribute-list-inner"); const $attributeListInner = $("#attribute-list-inner");
@ -122,7 +121,7 @@ async function saveNoteIfChanged() {
function setNoteBackgroundIfProtected(note) { function setNoteBackgroundIfProtected(note) {
const isProtected = !!note.isProtected; const isProtected = !!note.isProtected;
$noteDetailComponentWrapper.toggleClass("protected", isProtected); $noteDetailWrapper.toggleClass("protected", isProtected);
$protectButton.toggleClass("active", isProtected); $protectButton.toggleClass("active", isProtected);
$unprotectButton.toggleClass("active", !isProtected); $unprotectButton.toggleClass("active", !isProtected);
} }

9
src/public/stylesheets/style.css
View File

@ -6,7 +6,7 @@
grid-template-areas: "header header" grid-template-areas: "header header"
"left-pane title" "left-pane title"
"left-pane note-detail"; "left-pane note-detail";
grid-template-columns: 29% 70%; grid-template-columns: 29% 69.5%;
grid-template-rows: auto grid-template-rows: auto
auto auto
1fr; 1fr;
@ -52,8 +52,10 @@
overflow: auto; overflow: auto;
} }
#note-detail-component-wrapper.protected, #note-detail-component-wrapper.protected .CodeMirror { #note-detail-wrapper.protected {
background-color: #eee; background: url('/images/shield.svg') no-repeat;
background-size: contain;
background-position: center;
} }
#note-detail-text p { #note-detail-text p {
@ -286,6 +288,7 @@ div.ui-tooltip {
.CodeMirror { .CodeMirror {
font-family: "Liberation Mono", "Lucida Console", monospace; font-family: "Liberation Mono", "Lucida Console", monospace;
height: auto; height: auto;
background: inherit;
} }
.CodeMirror-scroll { .CodeMirror-scroll {