chaged "focused mode" - now title is displayed as well and together with content takes whole window

This commit is contained in:
azivner 2018-06-10 10:53:39 -04:00
parent b255cf190c
commit 26066f39b1
3 changed files with 66 additions and 58 deletions

View File

@ -58,7 +58,13 @@ function registerEntrypoints() {
utils.bindShortcut('alt+right', window.history.forward);
}
utils.bindShortcut('alt+m', e => $(".hide-toggle").toggleClass("suppressed"));
utils.bindShortcut('alt+m', e => {
$(".hide-toggle").toggle();
// 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");
});
// hide (toggle) everything except for the note content for distraction free writing
utils.bindShortcut('alt+t', e => {

View File

@ -244,7 +244,7 @@ div.ui-tooltip {
}
.suppressed {
filter: opacity(7%);
display: none;
}
#note-type .dropdown-menu li:not(.divider) {

View File

@ -105,8 +105,8 @@
</div>
<div style="grid-area: title;">
<div class="hide-toggle" style="display: flex; align-items: center;">
<div class="dropdown">
<div style="display: flex; align-items: center;">
<div class="dropdown hide-toggle">
<button id="note-path-list-button" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm dropdown-toggle">
<span id="note-path-count">1 path</span>
@ -118,6 +118,7 @@
<input autocomplete="off" value="" id="note-title" style="margin-left: 15px; font-size: x-large; border: 0; flex-grow: 100;" tabindex="1">
<div class="hide-toggle" style="display: flex; align-items: center;">
<span id="note-id-display" title="Note ID"></span>
<button class="btn btn-sm icon-button"
@ -182,6 +183,7 @@
</div>
</div>
</div>
</div>
<div id="note-detail-wrapper">
<div id="note-detail-component-wrapper">