fix: tooltips exceed the display area #112

frontend/src/components/content_value/ContentSlog.vue

@@ -61,6 +61,8 @@ const columns = computed(() => [
             tooltip: {
                 style: {
                     maxWidth: '80vw',
+                    maxHeight: '60vh',
+                    overflowY: 'scroll',
                 },
             },
         },

frontend/src/components/content_value/ContentValueHash.vue

@@ -91,8 +91,11 @@ const fieldColumn = computed(() => ({
         tooltip: {
             style: {
                 maxWidth: '80vw',
+                maxHeight: '60vh',
+                overflowY: 'scroll',
             },
         },
+        lineClamp: 10,
     },
     filterOptionValue: fieldFilterOption.value,
     className: inEdit.value ? 'clickable' : '',
@@ -120,6 +123,8 @@ const valueColumn = computed(() => ({
               tooltip: {
                   style: {
                       maxWidth: '80vw',
+                      maxHeight: '60vh',
+                      overflowY: 'scroll',
                   },
               },
           },

frontend/src/components/content_value/ContentValueList.vue

@@ -92,6 +92,8 @@ const valueColumn = computed(() => ({
               tooltip: {
                   style: {
                       maxWidth: '80vw',
+                      maxHeight: '60vh',
+                      overflowY: 'scroll',
                   },
               },
           },

frontend/src/components/content_value/ContentValueSet.vue

@@ -91,6 +91,8 @@ const valueColumn = computed(() => ({
               tooltip: {
                   style: {
                       maxWidth: '80vw',
+                      maxHeight: '60vh',
+                      overflowY: 'scroll',
                   },
               },
           },

frontend/src/components/content_value/ContentValueZSet.vue

@@ -140,6 +140,8 @@ const valueColumn = computed(() => ({
               tooltip: {
                   style: {
                       maxWidth: '80vw',
+                      maxHeight: '60vh',
+                      overflowY: 'scroll',
                   },
               },
           },