Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-10-29 11:44:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

less hacky way to implement distraction free mode which also fixes scrollbar

Browse Source
This commit is contained in:
zadam 2019-04-28 21:24:13 +02:00
parent 7880cf62fe
commit 3035a948b9
3 changed files with 11 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/public/javascripts/services/entrypoints.js
View File

@ -85,12 +85,7 @@ function registerEntrypoints() {
utils.bindShortcut('alt+m', e => {
$(".hide-toggle").toggle();
const $container = $("#container");
// when hiding switch display to block, otherwise grid still tries to display columns which shows
// left empty column
$container.css("display", $container.css("display") === "grid" ? "block" : "grid");
$container.toggleClass("distraction-free-mode");
$("#container").toggleClass("distraction-free-mode");
});
// hide (toggle) everything except for the note content for distraction free writing

10
src/public/stylesheets/desktop.css
View File

@ -18,6 +18,16 @@ body {
grid-gap: 10px;
}
#container.distraction-free-mode {
grid-template-areas:
"title"
"note-detail" !important;
grid-template-rows: auto
auto
!important;
grid-template-columns: 1fr !important;
}
#search-box {
display: none;
padding: 10px;

14
src/public/stylesheets/style.css
View File

@ -450,20 +450,6 @@ div.ui-tooltip {
border: 1px solid var(--main-border-color);
}
/*
* .electron-in-page-search-window is a class specified to default
* <webview> element for search window.
*/
.electron-in-page-search-window {
position: fixed;
top: 45px;
right: 10px;
width: 360px;
height: 55px;
display: none;
z-index: 1001;
}
/*
* .search-inactive is added to search window <webview> when the window
* is inactive.