designs: move social-share ↗ FAB right of the bulk-select checkbox

9f255b716bd68b3e6d62c39ba36b5aca1e18a982 · 2026-06-01 15:57:15 -0700 · Steve

On admin /designs cards the .ss-fab (↗ popout) sat at top:8px;left:8px — exactly
under the .bulk-cb select checkbox (same spot), so on hover the popout covered
the checkbox. Add '.design-card.has-bulk-cb .ss-fab{left:38px}' so the popout
shifts right of the checkbox only when the checkbox is present (non-admin view
unchanged). Verified live: checkbox 9-32px, popout 40-70px, no overlap.

Files touched

M public/js/social-share.js

Diff

commit 9f255b716bd68b3e6d62c39ba36b5aca1e18a982
Author: Steve <steve@designerwallcoverings.com>
Date:   Mon Jun 1 15:57:15 2026 -0700

    designs: move social-share ↗ FAB right of the bulk-select checkbox
    
    On admin /designs cards the .ss-fab (↗ popout) sat at top:8px;left:8px — exactly
    under the .bulk-cb select checkbox (same spot), so on hover the popout covered
    the checkbox. Add '.design-card.has-bulk-cb .ss-fab{left:38px}' so the popout
    shifts right of the checkbox only when the checkbox is present (non-admin view
    unchanged). Verified live: checkbox 9-32px, popout 40-70px, no overlap.
---
 public/js/social-share.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/js/social-share.js b/public/js/social-share.js
index 68f647f..6f3271a 100644
--- a/public/js/social-share.js
+++ b/public/js/social-share.js
@@ -66,7 +66,8 @@
 .ss-fab{position:absolute;top:8px;left:8px;width:30px;height:30px;border-radius:50%;border:0;\
  background:rgba(255,255,255,.92);box-shadow:0 1px 5px rgba(0,0,0,.22);cursor:pointer;font-size:13px;\
  color:#2a2014;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .14s;z-index:5}\
-.design-card:hover .ss-fab,.design-card:focus-within .ss-fab{opacity:1}';
+.design-card:hover .ss-fab,.design-card:focus-within .ss-fab{opacity:1}\
+.design-card.has-bulk-cb .ss-fab{left:38px}';
   var st = document.createElement('style'); st.textContent = css; document.head.appendChild(st);
 
   // ── toast ────────────────────────────────────────────────────────────────

← efb671c migrate remaining retired gemini-2.0-flash vision refs to ge · back to Wallco Ai · fix: distinguish ComfyUI-unreachable from quality-gate failu 380a420 →