Merge pull request #6108 from nextcloud-libraries/enh/noid/nc-rich-te…

…xt-vue3-elements-style [NcRichText] Add style to mount point for custom picker and custom widget elements
nextcloud-libraries · Oct 11, 2024 · 8064fd8 · 8064fd8
2 parents a8fc2c8 + d8b43a7
commit 8064fd8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue b/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue
@@ -26,6 +26,7 @@
  <div v-else-if="mode === MODES.customElement"
  class="custom-element-wrapper">
  <NcCustomPickerElement :provider="selectedProvider"
+ class="custom-element"
  @submit="submitLink"
  @cancel="cancelCustomElement" />
  </div>
@@ -180,6 +181,11 @@ export default {
  display: flex;
  overflow-y: auto;
  width: 100%;
+ .custom-element {
+ display: flex;
+ overflow-y: auto;
+ width: 100%;
+ }
  }
 }
 </style>
diff --git a/src/components/NcRichText/NcReferenceWidget.vue b/src/components/NcRichText/NcReferenceWidget.vue
@@ -200,6 +200,7 @@ export default {
 
  // create a separate element so we can rerender on the ref again
  const widget = document.createElement('div')
+ widget.style = 'width: 100%;'
  this.$refs.customWidget.appendChild(widget)
  this.$nextTick(() => {
  // Waiting for the ref to become available