feat: screen presentation and dismiss animations for mobile (#2073)

2022-11-30 14:37:36 -06:00
parent 0e95b451d6
commit 7f2074a6ec
79 changed files with 1338 additions and 878 deletions
--- a/packages/web/src/stylesheets/_focused.scss
+++ b/packages/web/src/stylesheets/_focused.scss
@@ -5,6 +5,10 @@
      padding-top: 35px;
    }

+    .app {
+      transition: grid-template-columns 0.25s;
+    }
+
    .mac-desktop #editor-column:before {
      content: '';
      display: block;
@@ -28,8 +32,8 @@

      background-color: var(--sn-stylekit-contrast-background-color);

-      .content {
-        box-shadow: 0 0 4px 1px var(--sn-stylekit-shadow-color);
+      .editor {
+        box-shadow: 0 0 5px 0.5px var(--sn-stylekit-shadow-color);
        overflow: hidden;
      }