瀏覽代碼

Fix non-audio editor display

Thomas Dy 3 年之前
父節點
當前提交
1cca9a21f4
共有 2 個文件被更改,包括 5 次插入12 次删除
  1. 3 10
      src/editor.css
  2. 2 2
      src/editor.html

+ 3 - 10
src/editor.css

@@ -84,7 +84,7 @@ table.level-list {
   grid-column: span 2;
 }
 
-.lyrics .time {
+.lyrics input.time {
   width: 100px;
   height: 30px;
   border-radius: 2px;
@@ -94,24 +94,17 @@ table.level-list {
   padding: 0px 8px;
 }
 
-.lyrics .rest-of-song {
-  grid-column: 2 / end;
-  display: flex;
-  align-items: center;
-  margin-left: 20px;
-}
-
 .lyrics .time:invalid {
   border-color: red;
 }
 
 .no-audio .lyrics {
-  grid-template-columns: auto 1fr 1fr;
+  grid-template-columns: 1fr 1fr;
 }
 
 .no-audio .lyrics .time,
 .no-audio .lyrics .play-section,
-.no-audio .lyrics .rest-of-song {
+.no-audio .lyrics .remove-section {
   display: none;
 }
 

+ 2 - 2
src/editor.html

@@ -46,8 +46,8 @@
           <button id="level-close">Close</button>
         </div>
         <div class="lyrics">
-          <div class="header">Time</div>
-          <div class="header span">Controls</div>
+          <div class="header time">Time</div>
+          <div class="header span play-section remove-section">Controls</div>
           <div class="header">Kana</div>
           <div class="header">Kanji</div>
         </div>