refs #6420 scss fix

src/components/ui/VnNotes.vue

@@ -115,6 +115,11 @@ async function insert() {
 <style lang="scss" scoped>
 .q-card {
     max-width: 80em;
+
+    &__section {
+        overflow-x: hidden;
+        word-wrap: break-word;
+    }
 }
 .q-dialog .q-card {
     width: 400px;

src/pages/Claim/Card/ClaimSummary.vue

@@ -36,15 +36,6 @@ const claimDmsFilter = ref({
     ],
     where: { claimFk: entityId.value },
 });
-const claimObservationsRef = ref();
-const claimObservationsFilter = ref({
-    include: [
-        {
-            relation: 'observation',
-        },
-    ],
-    where: { claimFk: entityId.value },
-});
 
 onMounted(async () => {
     salixUrl.value = await getUrl('');
@@ -167,11 +158,6 @@ function setClaimDms(data) {
     });
 }
 
-const claimObservations = ref([]);
-function setClaimObservations(data) {
-    claimObservations.value = [];
-}
-
 function openDialog(dmsId) {
     multimediaSlide.value = dmsId;
     multimediaDialog.value = true;
@@ -225,15 +211,12 @@ function openDialog(dmsId) {
                     </template>
                 </VnLv>
             </QCard>
-            <QCard class="vn-max">
+            <QCard class="vn-max claimVnNotes">
                 <a class="header" :href="`#/claim/${entityId}/notes`">
                     {{ t('claim.summary.notes') }}
                     <QIcon name="open_in_new" color="primary" />
                 </a>
-                <ClaimNotes :add-note="false" style="height: 600px" />
-                <!-- <QVirtualScroll :items="observations" separator
-                    >
-                </QVirtualScroll> -->
+                <ClaimNotes :add-note="false" style="height: 350px" order="created ASC" />
             </QCard>
             <QCard class="vn-max" v-if="salesClaimed.length > 0">
                 <a class="header" :href="`#/claim/${entityId}/notes`">
@@ -386,6 +369,13 @@ function openDialog(dmsId) {
         </template>
     </CardSummary>
 </template>
+<style lang="scss">
+.claimVnNotes {
+    .q-card {
+        max-width: 100%;
+    }
+}
+</style>
 <style lang="scss" scoped>
 .q-dialog__inner--minimized > div {
     max-width: 80%;