gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-06-06 09:58:32 +02:00
Code Issues Actions Packages Projects Releases Wiki Activity

mobile layout fixes

Browse Source
This commit is contained in:
zadam 2020-03-01 12:05:10 +01:00
parent 607bdfef92
commit ed1b5e3843
2 changed files with 7 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/public/javascripts/widgets/mobile_layout.js
View File

@ -11,9 +11,11 @@ export default class MobileLayout {
.id('root-widget') .id('root-widget')
.css('height', '100vh') .css('height', '100vh')
.child(new FlexContainer('column') .child(new FlexContainer('column')
.class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-5 col-md-4 col-lg-4 col-xl-4")
.child(new MobileGlobalButtonsWidget()) .child(new MobileGlobalButtonsWidget())
.child(new NoteTreeWidget())) .child(new NoteTreeWidget()))
.child(new FlexContainer('column') .child(new FlexContainer('column')
.class("d-none d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-8")
.child(new NoteTitleWidget()) .child(new NoteTitleWidget())
.child(new NoteDetailWidget())); .child(new NoteDetailWidget()));
} }

41
src/public/stylesheets/mobile.css
View File

@ -5,46 +5,15 @@ html, body {
padding: 0; padding: 0;
} }
.note-detail {
.tree { padding: 5px 20px 10px 0;
width: 100%;
overflow: auto;
}
.tree .action-button {
position: relative;
top: -5px;
margin-left: 10px;
}
#detail {
padding: 5px 20px 10px 0px;
height: 100%; height: 100%;
flex-direction: column; flex-direction: column;
} }
#note-tab-container { .note-title-container {
height: 100%; padding: 10px;
} font-size: larger;
.note-tab-row {
display: none !important;
}
.note-title-row {
display: flex;
padding-left: 15px;
padding-top: 10px;
flex-shrink: 0;
}
.action-button {
background: none;
border: none;
cursor: pointer;
font-size: 1.5em;
padding-left: 0.5em;
padding-right: 0.5em;
} }
.fancytree-custom-icon { .fancytree-custom-icon {