Truncate a bunch of potentially long strings in modals

src/components/HeaderActions.vue

@@ -382,7 +382,7 @@
             :disabled="!pickedFolder || null"
             v-on:click="performMove"
           >
-            Move {{ element.name }}
+            Move {{ truncateShort(element.name) }}
           </button>
         </template>
       </Modal>
@@ -473,7 +473,7 @@ import {
 
 import { NAVIGATION_PAGE_SIZES } from '@/config'
 import { manifestUri, uvUri, miradorUri, createProcessRedirect } from '@/helpers'
-import { corporaMixin } from '@/mixins'
+import { corporaMixin, truncateMixin } from '@/mixins'
 import { useDisplayStore } from '@/stores'
 
 import Modal from '@/components/Modal'
@@ -484,7 +484,8 @@ import DeleteResultsModal from '@/components/Process/Workers/DeleteResultsModal'
 
 export default {
   mixins: [
-    corporaMixin
+    corporaMixin,
+    truncateMixin
   ],
   components: {
     Modal,

src/scss/main.scss

@@ -126,4 +126,13 @@ input.input[type=number] {
   height: 0.95em;
   width: 0.95em;
   border: 1px solid gray;
-}
\ No newline at end of file
+}
+
+.modal-card-title {
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  flex-shrink: 1;
+  overflow: hidden;
+  word-break: break-all;
+}