added buttons to section container

This commit is contained in:
zadam 2021-05-26 23:08:00 +02:00
parent b7ca3dec54
commit 4d213300ac
3 changed files with 13 additions and 3 deletions

View File

@ -109,6 +109,14 @@ export default class DesktopLayout {
.section(new OwnedAttributeListWidget())
.section(new InheritedAttributesWidget())
.section(new NoteInfoWidget())
.button(new ButtonWidget()
.icon('bx bx-history')
.title("Note Revisions")
.command("showNoteRevisions"))
.button(new ButtonWidget() // FIXME should be displayed only when applicable
.icon('bx bx-code')
.title("Show Note Source")
.command("showNoteSource"))
.button(new NoteActionsWidget())
)
.child(new NoteUpdateStatusWidget())

View File

@ -29,14 +29,11 @@ const TPL = `
<div class="dropdown-menu dropdown-menu-right">
<a data-trigger-command="renderActiveNote" class="dropdown-item render-note-button"><kbd data-command="renderActiveNote"></kbd> Re-render note</a>
<a data-trigger-command="findInText" class="dropdown-item">Search in note <kbd data-command="findInText"></a>
<a data-trigger-command="showNoteRevisions" class="dropdown-item show-note-revisions-button">Revisions</a>
<a data-trigger-command="showLinkMap" class="dropdown-item show-link-map-button"><kbd data-command="showLinkMap"></kbd> Link map</a>
<a data-trigger-command="showNoteSource" class="dropdown-item show-source-button"><kbd data-command="showNoteSource"></kbd> Note source</a>
<a data-trigger-command="openNoteExternally" class="dropdown-item open-note-externally-button"><kbd data-command="openNoteExternally"></kbd> Open note externally</a>
<a class="dropdown-item import-files-button">Import files</a>
<a class="dropdown-item export-note-button">Export note</a>
<a data-trigger-command="printActiveNote" class="dropdown-item print-note-button"><kbd data-command="printActiveNote"></kbd> Print note</a>
<a data-trigger-command="showNoteInfo" class="dropdown-item show-note-info-button"><kbd data-command="showNoteInfo"></kbd> Note info</a>
</div>
</div>`;

View File

@ -55,10 +55,15 @@ const TPL = `
}
.section-button-container {
display: flex;
border-bottom: 1px solid var(--main-border-color);
margin-right: 10px;
}
.section-button-container .bx {
padding: 5px;
}
.section-body {
display: none;
border-bottom: 1px solid var(--main-border-color);