スクロールが必要ないピン留めのときコンテクストメニューが隠れるのを修正

src/components/Main/Modal/BaseCommonModal.vue

@@ -59,6 +59,8 @@ export default {
 
 <style lang="sass">
 .common-modal
+    display: flex
+    flex-direction: column
     background: $background-color
     border-radius: $modal-border-radius
     max-width: 60rem
@@ -71,10 +73,11 @@ export default {
 .common-modal[data-is-tiny="true"]
     max-width: 25rem
 .common-modal[data-is-scroll="true"]
-    display: flex
-    flex-direction: column
     .common-modal-content
-        overflow-y: auto
+        overflow-y: scroll
+.common-modal:not([data-is-scroll])
+    .common-modal-content
+        overflow-y: visible
 .common-modal-header-wrap
     display: flex
     align-items: center

src/components/Main/Modal/PinnedModal.vue

@@ -1,8 +1,8 @@
 <template lang="pug">
-base-common-modal(title="PINNED" small scroll)
+base-common-modal(title="PINNED" small :scroll="isScrollable")
   icon-pin(color="var(--primary-color-on-bg)" slot="header-icon" size="24")
-  .message-item
-    message-element(:model="data")
+  .message-item(ref="message")
+    message-element(:model="data" @rendered="messageRendered")
 </template>
 
 <script>
@@ -18,8 +18,20 @@ export default {
     BaseCommonModal,
     IconPin
   },
+  data() {
+    return {
+      isScrollable: false
+    }
+  },
   computed: {
     ...mapState('modal', ['data'])
+  },
+  methods: {
+    messageRendered() {
+      this.isScrollable =
+        this.$refs.message.clientHeight >
+        this.$refs.message.parentElement.clientHeight
+    }
   }
 }
 </script>