{
td:not(:first-child) > div {
overflow: hidden;
- @apply flex items-center h-auto px-1;
+ @apply flex items-center px-1;
}
table,
diff --git a/packages/nc-gui/package-lock.json b/packages/nc-gui/package-lock.json
index ff003f2e60..34dbe71381 100644
--- a/packages/nc-gui/package-lock.json
+++ b/packages/nc-gui/package-lock.json
@@ -41,6 +41,7 @@
"vue-dompurify-html": "^3.0.0",
"vue-github-button": "^3.0.3",
"vue-i18n": "^9.2.2",
+ "vue3-text-clamp": "^0.1.1",
"vuedraggable": "^4.1.0",
"xlsx": "^0.18.5"
},
@@ -95,7 +96,7 @@
}
},
"../nocodb-sdk": {
- "version": "0.101.1",
+ "version": "0.101.2",
"license": "AGPL-3.0-or-later",
"dependencies": {
"axios": "^0.21.1",
@@ -14208,6 +14209,11 @@
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
"dev": true
},
+ "node_modules/resize-detector": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/resize-detector/-/resize-detector-0.3.0.tgz",
+ "integrity": "sha512-R/tCuvuOHQ8o2boRP6vgx8hXCCy87H1eY9V5imBYeVNyNVpuL9ciReSccLj2gDcax9+2weXy3bc8Vv+NRXeEvQ=="
+ },
"node_modules/resize-observer-polyfill": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
@@ -17156,6 +17162,19 @@
"vue": "^3.0.0"
}
},
+ "node_modules/vue3-text-clamp": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/vue3-text-clamp/-/vue3-text-clamp-0.1.1.tgz",
+ "integrity": "sha512-l/30RvXLkw50axAjswAK1DmvbUc5Oyhq9GkvD98p8pykrLkIajRi3evVsMnahMBK0O7+EGIK9RbIOKPyRfuw7w==",
+ "dependencies": {
+ "resize-detector": "^0.3.0",
+ "vue": "^3.2.37"
+ },
+ "peerDependencies": {
+ "resize-detector": "^0.3.0",
+ "vue": "^3.2.37"
+ }
+ },
"node_modules/vuedraggable": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
@@ -28072,6 +28091,11 @@
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
"dev": true
},
+ "resize-detector": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/resize-detector/-/resize-detector-0.3.0.tgz",
+ "integrity": "sha512-R/tCuvuOHQ8o2boRP6vgx8hXCCy87H1eY9V5imBYeVNyNVpuL9ciReSccLj2gDcax9+2weXy3bc8Vv+NRXeEvQ=="
+ },
"resize-observer-polyfill": {
"version": "1.5.1",
"resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
@@ -30124,6 +30148,15 @@
"is-plain-object": "3.0.1"
}
},
+ "vue3-text-clamp": {
+ "version": "0.1.1",
+ "resolved": "https://registry.npmjs.org/vue3-text-clamp/-/vue3-text-clamp-0.1.1.tgz",
+ "integrity": "sha512-l/30RvXLkw50axAjswAK1DmvbUc5Oyhq9GkvD98p8pykrLkIajRi3evVsMnahMBK0O7+EGIK9RbIOKPyRfuw7w==",
+ "requires": {
+ "resize-detector": "^0.3.0",
+ "vue": "^3.2.37"
+ }
+ },
"vuedraggable": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
diff --git a/packages/nc-gui/package.json b/packages/nc-gui/package.json
index 49a6c5a9a0..b7a3e9e7db 100644
--- a/packages/nc-gui/package.json
+++ b/packages/nc-gui/package.json
@@ -64,6 +64,7 @@
"vue-dompurify-html": "^3.0.0",
"vue-github-button": "^3.0.3",
"vue-i18n": "^9.2.2",
+ "vue3-text-clamp": "^0.1.1",
"vuedraggable": "^4.1.0",
"xlsx": "^0.18.5"
},
diff --git a/packages/nc-gui/plugins/clamp.ts b/packages/nc-gui/plugins/clamp.ts
new file mode 100644
index 0000000000..ae580ae8c9
--- /dev/null
+++ b/packages/nc-gui/plugins/clamp.ts
@@ -0,0 +1,6 @@
+import TextClamp from 'vue3-text-clamp'
+import { defineNuxtPlugin } from 'nuxt/app'
+
+export default defineNuxtPlugin((nuxtApp) => {
+ nuxtApp.vueApp.use(TextClamp)
+})