fix(nc-gui): In expanded form toggle options to icons when we do not have enough space

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

@@ -158,8 +158,8 @@ const onClickAudit = () => {
           @click="tab = 'comments'"
         >
           <div class="tab-title nc-tab">
-            <MdiMessageOutline class="h-4 w-4" />
-            Comments
+            <MdiMessageOutline class="h-4 w-4 flex-none" />
+            <span class="hidden lg:inline">Comments</span>
           </div>
         </div>
         <NcTooltip v-if="appInfo.ee" class="tab flex-1">
@@ -173,7 +173,7 @@ const onClickAudit = () => {
           >
             <div class="tab-title nc-tab select-none">
               <MdiFileDocumentOutline class="h-4 w-4" />
-              Audits
+              <span class="hidden lg:inline">Audits</span>
             </div>
           </div>
         </NcTooltip>
@@ -188,7 +188,7 @@ const onClickAudit = () => {
         >
           <div class="tab-title nc-tab">
             <MdiFileDocumentOutline class="h-4 w-4" />
-            Audits
+            <span class="hidden lg:inline">Audits</span>
           </div>
         </div>
       </div>

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

@@ -560,7 +560,7 @@ export default {
             <NcButton
               v-if="!isNew && rowId"
               type="secondary"
-              class="!xs:hidden text-gray-700"
+              class="!hidden lg:!block text-gray-700"
               :disabled="isLoading"
               @click="copyRecordUrl()"
             >
@@ -582,6 +582,18 @@ export default {
                       {{ $t('general.reload') }}
                     </div>
                   </NcMenuItem>
+                  <NcMenuItem
+                    v-if="!isNew && rowId"
+                    type="secondary"
+                    class="lg:!hidden text-gray-700"
+                    :disabled="isLoading"
+                    @click="copyRecordUrl()"
+                  >
+                    <div v-e="['c:row-expand:copy-url']" data-testid="nc-expanded-form-copy-url" class="flex gap-2 items-center">
+                      <component :is="iconMap.link" class="cursor-pointer" />
+                      {{ isRecordLinkCopied ? $t('labels.copiedRecordURL') : $t('labels.copyRecordURL') }}
+                    </div>
+                  </NcMenuItem>
                   <NcMenuItem v-if="isUIAllowed('dataEdit')" class="text-gray-700" @click="!isNew ? onDuplicateRow() : () => {}">
                     <div
                       v-e="['c:row-expand:duplicate']"