50c92619ce
* refactor: menuRow directive to MenuRow component * refactor: migrate footer to react * refactor: migrate actions menu to react * refactor: migrate history menu to react * fix: click outside handler use capture to trigger event before re-render occurs which would otherwise cause node.contains to return incorrect result (specifically for the account menu) * refactor: migrate revision preview modal to react * refactor: migrate permissions modal to react * refactor: migrate password wizard to react * refactor: remove unused input modal directive * refactor: remove unused delay hide component * refactor: remove unused filechange directive * refactor: remove unused elemReady directive * refactor: remove unused sn-enter directive * refactor: remove unused lowercase directive * refactor: remove unused autofocus directive * refactor(wip): note view to react * refactor: use mutation observer to deinit textarea listeners * refactor: migrate challenge modal to react * refactor: migrate note group view to react * refactor(wip): migrate remaining classes * fix: navigation parent ref * refactor: fully remove angular assets * fix: account switcher * fix: application view state * refactor: remove unused password wizard type * fix: revision preview and permissions modal * fix: remove angular comment * refactor: react panel resizers for editor * feat: simple panel resizer * fix: use simple panel resizer everywhere * fix: simplify panel resizer state * chore: rename simple panel resizer to panel resizer * refactor: simplify column layout * fix: editor mount safety check * fix: use inline onLoad callback for iframe, as setting onload after it loads will never call it * chore: fix note view test * chore(deps): upgrade snjs
86 lines
1.2 KiB
SCSS
86 lines
1.2 KiB
SCSS
.focus-mode {
|
|
.mac-desktop #editor-column {
|
|
// To offset colored circles in Mac
|
|
padding-top: 35px;
|
|
}
|
|
|
|
.mac-desktop #editor-column:before {
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
height: 38px;
|
|
-webkit-app-region: drag;
|
|
}
|
|
|
|
#editor-title-bar {
|
|
display: none;
|
|
}
|
|
|
|
#editor-menu-bar {
|
|
display: none;
|
|
}
|
|
|
|
#editor-pane-component-stack {
|
|
display: none;
|
|
}
|
|
|
|
#footer-bar {
|
|
opacity: 0.08;
|
|
transition: opacity 0.25s;
|
|
}
|
|
|
|
#footer-bar:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
#navigation,
|
|
#notes-column {
|
|
will-change: opacity;
|
|
animation: fade-out 1.25s forwards;
|
|
transition: width 1.25s;
|
|
transition-delay: 0s;
|
|
width: 0px !important;
|
|
flex: none !important;
|
|
}
|
|
|
|
#navigation:hover {
|
|
flex: initial;
|
|
width: 0px !important;
|
|
}
|
|
|
|
#notes-column:hover {
|
|
flex: initial;
|
|
width: 0px !important;
|
|
}
|
|
}
|
|
|
|
.disable-focus-mode {
|
|
#navigation,
|
|
#notes-column {
|
|
transition: width 1.25s;
|
|
will-change: opacity;
|
|
animation: fade-in 1.25s forwards;
|
|
}
|
|
}
|
|
|
|
@keyframes fade-in {
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fade-out {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
border: none !important;
|
|
}
|
|
}
|