fix: focused comment input background to default

refs: AyumuNekozuki/niconico-darkmode#111
kphrx · Apr 12, 2022 · f95c026 · f95c026
1 parent 267bc5c
commit f95c026
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/CommentInputPanel.js b/src/CommentInputPanel.js
@@ -175,7 +175,6 @@ CommentInputPanel.__css__ = (`
     width: 100%;
     height: 30px !important;
     font-size: 24px;
-    background: transparent;
     border: none;
     opacity: 0;
     transition: opacity 0.3s ease, box-shadow 0.4s ease;
@@ -184,6 +183,10 @@ CommentInputPanel.__css__ = (`
     padding-right: 32px !important;
     margin-bottom: 0 !important;
   }
+  .commentInputPanel:not(:focus-within) .commentInput {
+    background: transparent;
+    color: initial;
+  }
 
   .commentInputPanel:hover  .commentInput {
     opacity: 0.5;
@@ -196,7 +199,6 @@ CommentInputPanel.__css__ = (`
     box-sizing: border-box;
     border: 1px solid #888;
     border-radius: 8px;
-    background: #fff;
     box-shadow: 0 0 8px #fff;
   }