vor 3 Jahren · 512cdcfe58
--- a/src/editor.css
+++ b/src/editor.css
@@ -84,8 +84,7 @@ table.level-list {
 
				   grid-column: span 2;
			
 
				 }
			
 
				 
			
 
				-.lyrics input.time {
			
 
				-  width: 100px;
			
 
				+.lyrics input {
			
 
				   height: 30px;
			
 
				   border-radius: 2px;
			
 
				   border-color: silver;
			
@@ -94,7 +93,16 @@ table.level-list {
 
				   padding: 0px 8px;
			
 
				 }
			
 
				 
			
 
				-.lyrics .time:invalid {
			
 
				+.lyrics input:disabled {
			
 
				+  background: lightgrey;
			
 
				+}
			
 
				+
			
 
				+.lyrics input.time {
			
 
				+  width: 100px;
			
 
				+}
			
 
				+
			
 
				+.lyrics .time:invalid,
			
 
				+.lyrics .kana:invalid {
			
 
				   border-color: red;
			
 
				 }
			
 
				 
			
--- a/src/editor.html
+++ b/src/editor.html
@@ -1,6 +1,7 @@
 
				 <!DOCTYPE html>
			
 
				 <html>
			
 
				   <head>
			
 
				+    <meta charset="utf-8" />
			
 
				     <title>Typing Freaks Editor</title>
			
 
				     <link rel="stylesheet" href="editor.css" />
			
 
				   </head>
			
@@ -63,7 +64,11 @@
 
				       />
			
 
				       <button class="play-section">Play</button>
			
 
				       <button class="remove-section">Remove</button>
			
 
				-      <input class="kana" autocomplete="off" />
			
 
				+      <input
			
 
				+        class="kana"
			
 
				+        pattern="[a-zA-Zぁ-んァ-ンー\s]*"
			
 
				+        autocomplete="off"
			
 
				+      />
			
 
				       <input class="kanji" autocomplete="off" />
			
 
				     </template>
			
 
				     <template id="level-set-template">