diff --git a/plugins/airtable/src/App.css b/plugins/airtable/src/App.css index 9f79d7fff..8b0fd2199 100644 --- a/plugins/airtable/src/App.css +++ b/plugins/airtable/src/App.css @@ -130,6 +130,11 @@ select:not(:disabled) { gap: 8px; } +.mapping .source-field span { + overflow: hidden; + text-overflow: ellipsis; +} + .mapping .source-field[aria-disabled="true"] { opacity: 0.5; } diff --git a/plugins/airtable/src/FieldMapping.tsx b/plugins/airtable/src/FieldMapping.tsx index 3da3e110f..78533c599 100644 --- a/plugins/airtable/src/FieldMapping.tsx +++ b/plugins/airtable/src/FieldMapping.tsx @@ -8,8 +8,7 @@ import { isCollectionReference } from "./utils" function ChevronIcon() { return ( - - Chevron + onToggleIgnored?.(field.id)} tabIndex={0} disabled={disabled || unsupported || missingCollection} + title={originalFieldName ?? field.id} > {originalFieldName ?? field.id} diff --git a/plugins/notion/src/App.css b/plugins/notion/src/App.css index 01917a16c..116ec1926 100644 --- a/plugins/notion/src/App.css +++ b/plugins/notion/src/App.css @@ -166,6 +166,11 @@ p a { gap: 8px; } +.mapping .source-field span { + overflow: hidden; + text-overflow: ellipsis; +} + .mapping .source-field.unsupported { pointer-events: none; } diff --git a/plugins/notion/src/FieldMapping.tsx b/plugins/notion/src/FieldMapping.tsx index f68ece68e..b1ae2198b 100644 --- a/plugins/notion/src/FieldMapping.tsx +++ b/plugins/notion/src/FieldMapping.tsx @@ -79,6 +79,7 @@ function FieldMappingRow({ onToggleIgnored(id) }} tabIndex={0} + title={originalName} > {originalName}