fix: Width transition on manually resizing sections (#759)

2021-12-03 19:41:13 +05:30
parent 1a138ef83d
commit d7c36da2b2
2 changed files with 5 additions and 6 deletions
--- a/app/assets/stylesheets/_focused.scss
+++ b/app/assets/stylesheets/_focused.scss
@@ -1,8 +1,3 @@
-.section.tags,
-.section.notes {
-  transition: width 1.25s;
-}
-
 .focus-mode {
  .mac-desktop #editor-column {
    // To offset colored circles in Mac
@@ -44,6 +39,7 @@
  .section.notes {
    will-change: opacity;
    animation: fade-out 1.25s forwards;
+    transition: width 1.25s;
    transition-delay: 0s;
    width: 0px !important;
    flex: none !important;
@@ -63,6 +59,7 @@
 .disable-focus-mode {
  .section.tags,
  .section.notes {
+    transition: width 1.25s;
    will-change: opacity;
    animation: fade-in 1.25s forwards;
  }