Modal z-index, title model enter

kevinkace · Mar 7, 2018 · 1a52bed · 1a52bed
1 parent 713c438
commit 1a52bed
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/src/lyrics/index.css b/src/lyrics/index.css
@@ -4,12 +4,12 @@
 .lyredit {
     position: relative;
     height: 95vh;
+    overflow-y: auto;
 }
 
 .lyrics {
     padding: 0.5em;
     column-gap: 1em;
-    overflow-y: auto;
     transform-origin: 0 0;
 
     transition: transform animDur;

diff --git a/src/modal/index.css b/src/modal/index.css
@@ -11,6 +11,7 @@
     display: flex;
     align-items: flex-start;
     justify-content: center;
+    z-index: 1;
 
     background: colors.modalBg;
 }

diff --git a/src/modal/title.js b/src/modal/title.js
@@ -10,6 +10,11 @@ export default {
             value       : vnode.state.value,
             placeholder : state.song.title,
             class       : css.input,
+            onkeydown   : (e) => {
+                if(e.keyCode === 13 && vnode.state.value) {
+                    state.action("ADD TITLE", vnode.state.value);
+                }
+            },
             oninput     : m.withAttr("value", (v) => {
                 vnode.state.value = v;
             }),