client: make the info bar part of the scrollable content, prevent overlapping with the floating buttons

This commit is contained in:
Adorian Doran
2025-11-09 01:19:45 +02:00
parent d8d80ed936
commit 285a7253e3
5 changed files with 84 additions and 6 deletions

View File

@@ -28,6 +28,7 @@ import StandaloneRibbonAdapter from "../widgets/ribbon/components/StandaloneRibb
import TabRowWidget from "../widgets/tab_row.js";
import ToggleSidebarButton from "../widgets/mobile_widgets/toggle_sidebar_button.jsx";
import type AppContext from "../components/app_context.js";
import ContentHeader from "../widgets/content-header.js";
const MOBILE_CSS = `
<style>
@@ -151,14 +152,15 @@ export default class MobileLayout {
.child(<MobileDetailMenu />)
)
.child(<SharedInfoWidget />)
.child(<ReadOnlyNoteInfoBar />)
.child(<FloatingButtons items={MOBILE_FLOATING_BUTTONS} />)
.child(<ReadOnlyNoteInfoBar zenModeOnly />)
.child(new PromotedAttributesWidget())
.child(
new ScrollingContainer()
.filling()
.contentSized()
.child(new ContentHeader()
.child(<ReadOnlyNoteInfoBar />)
)
.child(new NoteDetailWidget())
.child(<NoteList media="screen" />)
.child(<StandaloneRibbonAdapter component={SearchDefinitionTab} />)