Truncate wallet addresses on mobile (0xabc…1234)

Show full wallet address on desktop, shortened form on screens
narrower than 480px to prevent horizontal overflow.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: seanbonner

wp-content/plugins/sb-punks-registry/assets/sbpr.css

@@ -1,4 +1,4 @@
-/* SB Punks Registry 0.1.10 */
+/* SB Punks Registry 0.1.11 */
 
 /* Front page: kill theme header/nav/logo wrappers. */
 .sbpr-front header#masthead,
@@ -264,6 +264,9 @@
   }
 }
 
+/* Wallet address: show full by default, short on mobile */
+.sbpr-wallet-short { display: none; }
+
 /* Small mobile: stack fact labels above values */
 @media (max-width: 480px){
   .sbpr-single__wrap{
@@ -273,9 +276,9 @@
     grid-template-columns: 1fr;
     gap: 2px;
   }
-  .sbpr-single__facts dd{
-    word-break: break-all;
-  }
+  /* Show truncated wallet address on mobile */
+  .sbpr-wallet-full { display: none; }
+  .sbpr-wallet-short { display: inline; }
 }
 
 

wp-content/plugins/sb-punks-registry/templates/single-sb_punk.php

@@ -51,9 +51,22 @@
 function sbpr_wallet_link($wallet, $name = '') {
 	$wallet = trim((string)$wallet);
 	if (!$wallet) return '';
-	$text = $name ? $name : $wallet;
 	$url = SB_Punks_Registry::cp_account_url($wallet);
-	return '<a href="'.esc_url($url).'">'.esc_html($text).'</a>';
+
+	// If there's a name, just show the name (no truncation needed)
+	if ($name) {
+		return '<a href="'.esc_url($url).'">'.esc_html($name).'</a>';
+	}
+
+	// For wallet addresses, show full on desktop, truncated on mobile
+	$short = strlen($wallet) > 10
+		? substr($wallet, 0, 6) . '…' . substr($wallet, -4)
+		: $wallet;
+
+	return '<a href="'.esc_url($url).'" class="sbpr-wallet-addr">'
+		. '<span class="sbpr-wallet-full">'.esc_html($wallet).'</span>'
+		. '<span class="sbpr-wallet-short">'.esc_html($short).'</span>'
+		. '</a>';
 }
 
 ?>