Keyboard avoidance for mobile, 1.2.6

standardnotes · Mar 25, 2019 · 6c682b8 · 6c682b8
1 parent 2b1e743
commit 6c682b8
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/dist/dist.css b/dist/dist.css
@@ -1899,6 +1899,9 @@ body, html {
   height: 100%;
   font-size: var(--sn-stylekit-font-size-editor);
 }
+#plus-editor .note-editor.note-frame.fullscreen {
+  position: relative !important;
+}
 #plus-editor pre {
   background-color: var(--sn-stylekit-contrast-background-color);
   color: var(--sn-stylekit-contrast-foreground-color);

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sn-plus-editor",
-  "version": "1.2.5",
+  "version": "1.2.6",
   "description": "",
   "main": "dist/dist.js",
   "author": "Standard Notes <[email protected]>",

diff --git a/src/main.scss b/src/main.scss
@@ -6,7 +6,6 @@ body, html {
   background-color: transparent;
 }
 
-
 #summernote {
   flex: 1 1 auto;
   width: 100%;
@@ -15,13 +14,19 @@ body, html {
   font-size: var(--sn-stylekit-font-size-editor);
 }
 
+
 #plus-editor {
   display: flex;
   flex-direction: column;
   position: relative;
   height: 100%;
   font-size: var(--sn-stylekit-font-size-editor);
 
+  .note-editor.note-frame.fullscreen {
+    // On Mobile, resizing the webview to avoid keyboard causes the option bar to be offset because its position is fixed.
+    position: relative !important;
+  }
+
   pre {
     background-color: var(--sn-stylekit-contrast-background-color);
     color: var(--sn-stylekit-contrast-foreground-color);