lingling
/
tiny-rdm
mirror of https://github.com/tiny-craft/tiny-rdm.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: tooltips exceed the display area #112

This commit is contained in:
Lykin 2024-01-08 11:28:03 +08:00
parent bc66c63b3d
commit 927678ebbb
5 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/content_value/ContentSlog.vue
View File

@ -60,10 +60,10 @@ const columns = computed(() => [
ellipsis: { ellipsis: {
tooltip: { tooltip: {
style: { style: {
maxWidth: '80vw', maxWidth: '50vw',
maxHeight: '60vh', maxHeight: '50vh',
overflowY: 'scroll',
}, },
scrollable: true,
}, },
}, },
render: ({ client, addr }, index) => { render: ({ client, addr }, index) => {

12
frontend/src/components/content_value/ContentValueHash.vue
View File

@ -90,10 +90,10 @@ const fieldColumn = computed(() => ({
ellipsis: { ellipsis: {
tooltip: { tooltip: {
style: { style: {
maxWidth: '80vw', maxWidth: '50vw',
maxHeight: '60vh', maxHeight: '50vh',
overflowY: 'scroll',
}, },
scrollable: true,
}, },
lineClamp: 10, lineClamp: 10,
}, },
@ -122,10 +122,10 @@ const valueColumn = computed(() => ({
: { : {
tooltip: { tooltip: {
style: { style: {
maxWidth: '80vw', maxWidth: '50vw',
maxHeight: '60vh', maxHeight: '50vh',
overflowY: 'scroll',
}, },
scrollable: true,
}, },
}, },
// filterOptionValue: valueFilterOption.value, // filterOptionValue: valueFilterOption.value,

6
frontend/src/components/content_value/ContentValueList.vue
View File

@ -91,10 +91,10 @@ const valueColumn = computed(() => ({
: { : {
tooltip: { tooltip: {
style: { style: {
maxWidth: '80vw', maxWidth: '50vw',
maxHeight: '60vh', maxHeight: '50vh',
overflowY: 'scroll',
}, },
scrollable: true,
}, },
}, },
filterOptionValue: valueFilterOption.value, filterOptionValue: valueFilterOption.value,

6
frontend/src/components/content_value/ContentValueSet.vue
View File

@ -90,10 +90,10 @@ const valueColumn = computed(() => ({
: { : {
tooltip: { tooltip: {
style: { style: {
maxWidth: '80vw', maxWidth: '50vw',
maxHeight: '60vh', maxHeight: '50vh',
overflowY: 'scroll',
}, },
scrollable: true,
}, },
}, },
filterOptionValue: valueFilterOption.value, filterOptionValue: valueFilterOption.value,

6
frontend/src/components/content_value/ContentValueZSet.vue
View File

@ -139,10 +139,10 @@ const valueColumn = computed(() => ({
: { : {
tooltip: { tooltip: {
style: { style: {
maxWidth: '80vw', maxWidth: '50vw',
maxHeight: '60vh', maxHeight: '50vh',
overflowY: 'scroll',
}, },
scrollable: true,
}, },
}, },
filterOptionValue: valueFilterOption.value, filterOptionValue: valueFilterOption.value,