Merge pull request #4010 from traPtitech/feat/show_textArea_border_in…

…_mobile メッセージ入力欄のフォーカス時にborderが付く要素を変更
traPtitech · Oct 21, 2023 · ddff48a · ddff48a
2 parents 9beaad8 + c06e9ce
commit ddff48a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 8 deletions.
diff --git a/src/components/Main/MainView/MessageInput/MessageInput.vue b/src/components/Main/MainView/MessageInput/MessageInput.vue
@@ -177,14 +177,6 @@ $radius: 4px;
     }
     border-radius: $radius;
     transform: translateY(-$radius);
-
-    border: solid 2px transparent;
-    &:focus-within {
-      border-color: $theme-accent-focus-default;
-    }
-    &:has(.toNewMessageButton:focus) {
-      border-color: transparent;
-    }
   }
 }
 .preview {

diff --git a/src/components/Main/MainView/MessageInput/MessageInputTextArea.vue b/src/components/Main/MainView/MessageInput/MessageInputTextArea.vue
@@ -150,6 +150,10 @@ $vertical-padding: 8px;
   width: 100%;
   border-radius: 8px;
   overflow: hidden;
+  border: solid 2px transparent;
+  &:focus-within {
+    border-color: $theme-accent-focus-default;
+  }
 }
 .textarea {
   @include color-text-primary;