Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 10:02:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(note_list): improve file footer

Browse Source
This commit is contained in:
Elian Doran 2025-02-26 19:41:39 +02:00
parent ab5df9e010
commit fa60295ab2
No known key found for this signature in database
3 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/app/services/content_renderer.ts
View File

@ -203,7 +203,7 @@ function renderFile(entity: FNote | FAttachment, type: string, $renderedContent:
// open doesn't work for protected notes since it works through a browser which isn't in protected session
$openButton.toggle(!entity.isProtected);
$content.append($('<div style="display: flex; justify-content: space-evenly; margin-top: 5px;">').append($downloadButton).append($openButton));
$content.append($('<footer class="file-footer">').append($downloadButton).append($openButton));
}
$renderedContent.append($content);
@ -239,7 +239,7 @@ async function renderMermaid(note: FNote | FAttachment, $renderedContent: JQuery
* @param {FNote} note
* @returns {Promise<void>}
*/
async function renderChildrenList($renderedContent: JQuery<HTMLElement>, note: FNote) {
async function renderChildrenList($renderedContent: JQuery<HTMLElement>, note: FNote) {
let childNoteIds = note.getChildNoteIds();
if (!childNoteIds.length) {

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

@ -1684,4 +1684,15 @@ body.zen .note-title-widget,
body.zen .note-title-widget input {
font-size: 1rem !important;
background: transparent !important;
}
/* Content renderer */
footer.file-footer {
display: flex;
justify-content: center;
}
footer.file-footer button {
margin: 5px;
}

4
src/public/stylesheets/theme-next/shell.css
View File

@ -1560,6 +1560,10 @@ div.bookmark-folder-widget .note-link .bx {
border-bottom-color: var(--card-border-color);
}
.note-list-wrapper .note-book-card footer.file-footer {
border: 1px solid var(--card-border-color);
}
.note-list-wrapper .note-book-card .note-book-header .note-icon {
font-size: 17px;
vertical-align: text-bottom;