chore: 'Copy Record URL' made icon only, with tooltip

packages/nc-gui/components/smartsheet/expanded-form/index.vue

@@ -642,24 +642,26 @@ export default {
               <div class="xs:px-1">{{ newRecordSubmitBtnText ?? 'Save Record' }}</div>
             </NcButton>
           </NcTooltip>
-          <NcButton
+          <NcTooltip>
-            v-if="!isNew && rowId && !isMobileMode"
+            <template #title> {{ isRecordLinkCopied ? $t('labels.copiedRecordURL') : $t('labels.copyRecordURL') }} </template>
-            :disabled="isLoading"
+            <NcButton
-            class="!<lg:hidden text-gray-700 !h-7 !px-2"
+              v-if="!isNew && rowId && !isMobileMode"
-            type="text"
+              :disabled="isLoading"
-            size="xsmall"
+              class="!<lg:hidden text-gray-700 !h-7 !px-2"
-            @click="copyRecordUrl()"
+              type="text"
-          >
+              size="xsmall"
-            <div
+              @click="copyRecordUrl()"
-              v-e="['c:row-expand:copy-url']"
-              data-testid="nc-expanded-form-copy-url"
-              class="flex gap-2 items-center text-small"
             >
-              <component :is="iconMap.check" v-if="isRecordLinkCopied" class="cursor-pointer nc-duplicate-row" />
+              <div
-              <component :is="iconMap.copy" v-else class="cursor-pointer nc-duplicate-row" />
+                v-e="['c:row-expand:copy-url']"
-              {{ isRecordLinkCopied ? $t('labels.copiedRecordURL') : $t('labels.copyRecordURL') }}
+                data-testid="nc-expanded-form-copy-url"
-            </div>
+                class="flex gap-2 items-center text-small"
-          </NcButton>
+              >
+                <component :is="iconMap.check" v-if="isRecordLinkCopied" class="cursor-pointer nc-duplicate-row" />
+                <component :is="iconMap.copy" v-else class="cursor-pointer nc-duplicate-row" />
+              </div>
+            </NcButton>
+          </NcTooltip>
           <NcDropdown v-if="!isNew && rowId && !isMobileMode" placement="bottomRight">
             <NcButton type="text" size="xsmall" class="nc-expand-form-more-actions !w-7 !h-7" :disabled="isLoading">
               <GeneralIcon icon="threeDotVertical" class="text-md" :class="isLoading ? 'text-gray-300' : 'text-gray-700'" />