Merge pull request #4016 from traPtitech/fix/overflow_long_channel_na…

…me_in_search_result

検索画面でチャンネル名が長いとオーバーフローする問題を修正

src/components/Main/CommandPalette/SearchResultMessageElement.vue

@@ -35,7 +35,8 @@
       />
     </div>
     <div :class="$style.channelAndDate">
-      {{ channelName }} - <time>{{ date }}</time>
+      <span :class="$style.channelName">{{ channelName }}</span> -
+      <time>{{ date }}</time>
     </div>
   </div>
 </template>
@@ -236,4 +237,7 @@ $expand-button-height: 32px;
   @include size-body2;
   grid-area: channelAndDate;
 }
+.channelName {
+  word-break: break-all;
+}
 </style>