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

fix(mobile): improve alignment of the title bar

Browse Source
This commit is contained in:
Elian Doran 2025-02-08 12:14:58 +02:00
parent 1bf2f10c98
commit ab5a6c59b8
No known key found for this signature in database
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/public/app/layouts/mobile_layout.ts
View File

@ -151,7 +151,7 @@ export default class MobileLayout {
.css("font-size", "larger") .css("font-size", "larger")
.css("align-items", "center") .css("align-items", "center")
.child(new ToggleSidebarButtonWidget().contentSized()) .child(new ToggleSidebarButtonWidget().contentSized())
.child(new NoteTitleWidget().contentSized().css("position", "relative").css("top", "5px").css("padding-left", "0.5em")) .child(new NoteTitleWidget().contentSized().css("position", "relative").css("padding-left", "0.5em"))
.child(new MobileDetailMenuWidget(true).contentSized()) .child(new MobileDetailMenuWidget(true).contentSized())
) )
.child(new SharedInfoWidget()) .child(new SharedInfoWidget())
@ -169,7 +169,7 @@ export default class MobileLayout {
new ScrollingContainer() new ScrollingContainer()
.filling() .filling()
.contentSized() .contentSized()
.child(new NoteDetailWidget().css("padding", "5px 0 10px 0")) .child(new NoteDetailWidget())
.child(new NoteListWidget()) .child(new NoteListWidget())
.child(new FilePropertiesWidget().css("font-size", "smaller")) .child(new FilePropertiesWidget().css("font-size", "smaller"))
) )

2
src/public/app/widgets/mobile_widgets/mobile_detail_menu.ts
View File

@ -6,7 +6,7 @@ import branchService from "../../services/branches.js";
import treeService from "../../services/tree.js"; import treeService from "../../services/tree.js";
import { t } from "../../services/i18n.js"; import { t } from "../../services/i18n.js";
const TPL = `<button type="button" class="action-button bx" style="padding-top: 10px;"></button>`; const TPL = `<button type="button" class="action-button bx"></button>`;
class MobileDetailMenuWidget extends BasicWidget { class MobileDetailMenuWidget extends BasicWidget {
private isHorizontalLayout: boolean; private isHorizontalLayout: boolean;

2
src/public/app/widgets/mobile_widgets/toggle_sidebar_button.ts
View File

@ -1,7 +1,7 @@
import BasicWidget from "../basic_widget.js"; import BasicWidget from "../basic_widget.js";
const TPL = ` const TPL = `
<button type="button" class="action-button bx bx-sidebar" style="padding-top: 10px;"></button>`; <button type="button" class="action-button bx bx-sidebar"></button>`;
class ToggleSidebarButtonWidget extends BasicWidget { class ToggleSidebarButtonWidget extends BasicWidget {
doRender() { doRender() {