mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-10-19 05:01:33 +08:00
chore(client/ts): port mobile_layout
This commit is contained in:
parent
b5d657071e
commit
4175a69e37
@ -27,6 +27,7 @@ import ClassicEditorToolbar from "../widgets/ribbon_widgets/classic_editor_toolb
|
|||||||
import SidebarContainer from "../widgets/mobile_widgets/sidebar_container.js";
|
import SidebarContainer from "../widgets/mobile_widgets/sidebar_container.js";
|
||||||
import AboutDialog from "../widgets/dialogs/about.js";
|
import AboutDialog from "../widgets/dialogs/about.js";
|
||||||
import HelpDialog from "../widgets/dialogs/help.js";
|
import HelpDialog from "../widgets/dialogs/help.js";
|
||||||
|
import AppContext from "../components/app_context.js";
|
||||||
|
|
||||||
const MOBILE_CSS = `
|
const MOBILE_CSS = `
|
||||||
<style>
|
<style>
|
||||||
@ -114,7 +115,7 @@ span.fancytree-expander {
|
|||||||
</style>`;
|
</style>`;
|
||||||
|
|
||||||
export default class MobileLayout {
|
export default class MobileLayout {
|
||||||
getRootWidget(appContext) {
|
getRootWidget(appContext: typeof AppContext) {
|
||||||
return new RootContainer(true)
|
return new RootContainer(true)
|
||||||
.setParent(appContext)
|
.setParent(appContext)
|
||||||
.class("horizontal-layout")
|
.class("horizontal-layout")
|
||||||
@ -151,8 +152,8 @@ export default class MobileLayout {
|
|||||||
.child(new ToggleSidebarButtonWidget().contentSized())
|
.child(new ToggleSidebarButtonWidget().contentSized())
|
||||||
.child(new NoteTitleWidget()
|
.child(new NoteTitleWidget()
|
||||||
.contentSized()
|
.contentSized()
|
||||||
.css("position: relative;")
|
.css("position", "relative")
|
||||||
.css("top: 5px;")
|
.css("top", "5px")
|
||||||
.css("padding-left", "0.5em"))
|
.css("padding-left", "0.5em"))
|
||||||
.child(new MobileDetailMenuWidget(true).contentSized())
|
.child(new MobileDetailMenuWidget(true).contentSized())
|
||||||
)
|
)
|
Loading…
x
Reference in New Issue
Block a user