word break underscore

2 years ago · 226ae2172e
parent 8e2700b8b8
commit 226ae2172e
2 changed files with 6 additions and 3 deletions
--- a/app/javascript/template_builder/builder.vue
+++ b/app/javascript/template_builder/builder.vue
@ -26,7 +26,7 @@
          @update:model-value="updateName"
        />
      </div>
-      <div class="space-x-3 flex items-center">
+      <div class="space-x-3 flex items-center flex-shrink-0">
        <slot
          v-if="$slots.buttons"
          name="buttons"
@ -40,7 +40,7 @@
            @click="maybeShowEmptyTemplateAlert"
          >
            <IconWritingSign
-              width="20"
+              width="22"
              class="inline"
            />
            <span class="hidden md:inline">
--- a/app/javascript/template_builder/contenteditable.vue
+++ b/app/javascript/template_builder/contenteditable.vue
@ -14,7 +14,10 @@
      @focus="$emit('focus', $event)"
      @blur="onBlur"
    >
-      {{ value }}
+      <template
+        v-for="(item, index) in (value || '').split(/(_)/)"
+        :key="index"
+      >{{ item }}<wbr></template>
    </span>
    <span
      v-if="withRequired"