gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-03-01 14:22:32 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix zen mode with new layout, closes

Browse Source
This commit is contained in:
zadam 2019-12-29 20:48:24 +01:00
parent 7db4859fb9
commit 64f32ba38f
4 changed files with 8 additions and 11 deletions
src
public
javascripts/services
entrypoints.js
stylesheets
desktop.cssstyle.css
views
desktop.ejs

4
src/public/javascripts/services/entrypoints.js

@ -117,13 +117,13 @@ function registerEntrypoints() {
// hide (toggle) everything except for the note content for zen mode // hide (toggle) everything except for the note content for zen mode
const toggleZenMode = () => { const toggleZenMode = () => {
if (!zenModeActive) { if (!zenModeActive) {
$(".hide-in-zen-mode").addClass("hidden-by-zen-mode"); $(".hide-in-zen-mode,.gutter").addClass("hidden-by-zen-mode");
$("#container").addClass("zen-mode"); $("#container").addClass("zen-mode");
zenModeActive = true; zenModeActive = true;
} }
else { else {
// not hiding / showing explicitly since element might be hidden also for other reasons // not hiding / showing explicitly since element might be hidden also for other reasons
$(".hide-in-zen-mode").removeClass("hidden-by-zen-mode"); $(".hide-in-zen-mode,.gutter").removeClass("hidden-by-zen-mode");
$("#container").removeClass("zen-mode"); $("#container").removeClass("zen-mode");
zenModeActive = false; zenModeActive = false;
} }

9
src/public/stylesheets/desktop.css

@ -271,14 +271,7 @@ body {
position: relative; position: relative;
background: linear-gradient(to right, var(--main-border-color), transparent); background: linear-gradient(to right, var(--main-border-color), transparent);
height: 1px; height: 1px;
margin-top: 31px; margin-top: 32px;
}
/* hack for 1 pixel difference in handling between FF and chrome */
@-moz-document url-prefix() {
.tab-row-filler .tab-row-border {
margin-top: 32px;
}
} }
.note-tab-row .note-tab[active] { .note-tab-row .note-tab[active] {

4
src/public/stylesheets/style.css

@ -160,6 +160,10 @@ span.fancytree-node.muted { opacity: 0.6; }
background-position: center; background-position: center;
} }
.zen-mode #center-pane {
width: 100% !important;
}
ul.fancytree-container { ul.fancytree-container {
outline: none !important; outline: none !important;
background-color: inherit !important; background-color: inherit !important;

2
src/views/desktop.ejs

@ -85,7 +85,7 @@
</div> </div>
</div> </div>
<div class="note-tab-row hide-in-zen-mode"> <div class="note-tab-row">
<div class="note-tab-row-content"></div> <div class="note-tab-row-content"></div>
</div> </div>