Merge pull request #692 from devforth/next

Next

Author: SerVitasik

adminforth/documentation/docs/tutorial/03-Customization/02-customFieldRendering.md

@@ -605,7 +605,7 @@ For fields containing sensitive data (like passwords, API keys, tokens, or other
 
 The renderer wraps the standard value output and adds a click-to-reveal blur effect. Clicking again hides the value.
 
-For long values (like API keys) you can enable compact mode by passing `compact: true` via `meta`. When set, the value is shortened the same way as the `CompactUUID` renderer (first 4 + `...` + last 4 characters). In compact mode you can additionally pass `copy: true` to render a copy-to-clipboard button next to the value:
+For long values (like API keys) you can enable compact mode by passing `compact: true` via `meta`. When set, the value is shortened the same way as the `CompactUUID` renderer (first 4 + `...` + last 4 characters). In compact mode you can additionally pass `copy: true` to render a copy-to-clipboard button next to the value. The copy button is only shown once the value is revealed (blur removed):
 
 ```ts title='./resources/anyResource.ts'
   columns: [

adminforth/spa/src/renderers/SensitiveBlurCell.vue

@@ -22,11 +22,13 @@
       </template>
     </Tooltip>
 
-    <IconFileCopyAltSolid
-      v-if="showCopy && rawValue"
-      @click.stop="copyToCB"
-      class="shrink-0 min-w-5 min-h-5 cursor-pointer text-lightPrimary dark:text-darkPrimary"
-    />
+    <span v-if="showCopy && rawValue" class="shrink-0 w-5 h-5">
+      <IconFileCopyAltSolid
+        v-if="show"
+        @click.stop="copyToCB"
+        class="w-5 h-5 cursor-pointer text-lightPrimary dark:text-darkPrimary"
+      />
+    </span>
   </div>
 </template>