buttons on the left

This commit is contained in:
zadam
2021-05-18 22:14:35 +02:00
parent d18b95d87c
commit 845f5d15c4
7 changed files with 130 additions and 10 deletions

View File

@@ -38,6 +38,8 @@ import RootContainer from "../widgets/containers/root_container.js";
import NoteUpdateStatusWidget from "../widgets/note_update_status.js";
import SpacerWidget from "../widgets/spacer.js";
import QuickSearchWidget from "../widgets/quick_search.js";
import ButtonWidget from "../widgets/button_widget.js";
import ProtectedSessionStatusWidget from "../widgets/protected_session_status.js";
const RIGHT_PANE_CSS = `
<style>
@@ -141,6 +143,29 @@ export default class DesktopLayout {
return new RootContainer()
.setParent(appContext)
.child(new FlexContainer("column")
.child(new GlobalMenuWidget())
.child(new ButtonWidget()
.icon("bx-file-blank")
.title("New note")
.command("createNoteIntoInbox"))
.child(new ButtonWidget()
.icon("bx-search")
.title("Search")
.command("searchNotes"))
.child(new ButtonWidget()
.icon("bx-send")
.title("Jump to note")
.command("jumpToNote"))
.child(new ButtonWidget()
.icon("bx-history")
.title("Show recent changes")
.command("showRecentChanges"))
.child(new SpacerWidget())
.child(new ProtectedSessionStatusWidget())
.child(new SyncStatusWidget())
.css("width", "50px")
)
.child(new SidePaneContainer('left')
.hideInZenMode()
.css("width", "300px")
@@ -152,16 +177,10 @@ export default class DesktopLayout {
.id('center-pane')
.css("flex-grow", "1")
.child(new FlexContainer('row').overflowing()
.filling()
.child(new GlobalMenuWidget())
.child(new SyncStatusWidget())
.child(new SpacerWidget())
.child(new TabRowWidget())
.child(new TitleBarButtonsWidget())
.css('height', '36px')
)
.child(new FlexContainer('row').overflowing()
.child(new TabRowWidget())
)
.child(new FlexContainer('row').class('title-row')
.css('align-items: center;')
.cssBlock('.title-row > * { margin: 5px; }')