adjust template preview

app/javascript/template_builder/builder.vue

@@ -763,7 +763,7 @@
       class="sticky bottom-0 z-10"
     >
       <native-action
-        v-if="nativePlatform && withDocumentsList && isBreakpointLg && sortedDocuments.length"
+        v-if="nativePlatform && withDocumentsList && isBreakpointLg && sortedDocuments.length && editable"
         data-placement="drawer"
         data-side="leading"
         data-icon="files"

app/views/search/_template.html.erb

@@ -1,2 +1,2 @@
 <% author = template.author.full_name.presence || template.author.email.to_s.sub(/\+\w+@/, '@') %>
-<%= render 'search/row', href: template_path(template), icon: 'layout_grid', title: template.name, subtitle: template.folder.default? || params[:folder].present? ? author : template.folder.full_name, date: template.created_at, native_actions: ('pencil,menu' if turbo_native_app? && !template.archived_at? && can?(:update, template)) %>
+<%= render 'search/row', href: template_path(template), icon: 'layout_grid', title: template.name, subtitle: template.folder.default? || params[:folder].present? ? author : template.folder.full_name, date: template.created_at, native_actions: ((!template.archived_at? && can?(:update, template) ? 'pencil,menu' : 'file_text,menu') if turbo_native_app?) %>

app/views/templates/_template.html.erb

@@ -1,5 +1,5 @@
 <div class="h-36 relative group min-w-0">
-  <a href="<%= template_path(template) %>" class="flex h-full flex-col justify-between rounded-2xl pt-6 px-7 w-full bg-base-200 before:border-2 before:border-base-300 before:border-dashed before:absolute before:left-0 before:right-0 before:top-0 before:bottom-0 before:hidden before:rounded-2xl" data-targets="dashboard-dropzone.templateCards" data-native-actions="<%= 'pencil,menu' if turbo_native_app? && !template.archived_at? && can?(:update, template) %>">
+  <a href="<%= template_path(template) %>" class="flex h-full flex-col justify-between rounded-2xl pt-6 px-7 w-full bg-base-200 before:border-2 before:border-base-300 before:border-dashed before:absolute before:left-0 before:right-0 before:top-0 before:bottom-0 before:hidden before:rounded-2xl" data-targets="dashboard-dropzone.templateCards" data-native-actions="<%= (!template.archived_at? && can?(:update, template) ? 'pencil,menu' : 'file_text,menu') if turbo_native_app? %>">
     <div class="text-xl font-semibold" style="line-height: 1.6rem; overflow: hidden; overflow-wrap: anywhere; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;">
       <% if template.template_accesses.present? %>
         <%= svg_icon('lock', class: 'w-6 h-6 inline -translate-y-[4px]') %>

app/views/templates/_title.html.erb

@@ -106,7 +106,7 @@
       </native-action>
     <% end %>
     <% if template.archived_at? || (!can?(:update, template) && can?(:read, template)) %>
-      <native-action data-section="edit" data-icon="file_text" data-label="<%= t('preview') %>">
+      <native-action data-placement="bar" data-icon="file_text" data-label="<%= t('preview') %>">
         <a href="<%= template_preview_path(template) %>" data-native-title="<%= template.name %>"></a>
       </native-action>
     <% end %>