メッセージ入力にフォーカスしたときにborderが付く位置を変更

traPtitech · Sep 8, 2023 · c06e9ce · c06e9ce
1 parent b3417ec
commit c06e9ce
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);
-
-    &:has(.toNewMessageButton:focus) {
-      border-color: transparent;
-    }
-  }
-  border: solid 2px transparent;
-  &:focus-within {
-    border-color: $theme-accent-focus-default;
   }
 }
 .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;