bruno
ea19d1d050
- bouton flottant rond (44px), semi-transparent blur, hover plus fonce, deplacable souris (pos persistee storage) - option afficher/cacher dans popup extension (showButton) - clipper: notification instantanee des onglets FlowDeck via tabs.sendMessage + polling 15s + BroadcastChannel + visibilitychange - fix bookmark template literal '+title+' -> \/\/\/\/\ (_page_editor_scripts.html) - sync static/extension + zip
22 lines
1.1 KiB
CSS
22 lines
1.1 KiB
CSS
.fd-clipper-btn{
|
|
position:fixed;bottom:20px;right:20px;z-index:2147483647;
|
|
width:44px;height:44px;border-radius:50%;
|
|
background:rgba(35,131,226,0.14);color:#2383E2;border:1px solid rgba(35,131,226,0.22);
|
|
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
|
|
font-size:18px;font-weight:600;cursor:grab;
|
|
box-shadow:0 4px 16px rgba(0,0,0,.18);font-family:system-ui,sans-serif;
|
|
display:flex;align-items:center;justify-content:center;
|
|
user-select:none;touch-action:none;
|
|
transition:background .15s, border-color .15s, transform .1s;
|
|
padding:0;line-height:1;
|
|
}
|
|
.fd-clipper-btn:hover{background:rgba(35,131,226,0.26);border-color:rgba(35,131,226,0.35);color:#1a6fc2}
|
|
.fd-clipper-btn:active{cursor:grabbing;transform:scale(0.96);background:rgba(35,131,226,0.32)}
|
|
.fd-clipper-btn.fd-dragging{cursor:grabbing;opacity:.92;transition:none}
|
|
.fd-clipper-toast{
|
|
position:fixed;bottom:72px;right:20px;z-index:2147483647;
|
|
color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;font-family:system-ui,sans-serif;
|
|
transform:translateY(10px);opacity:0;transition:all .2s;pointer-events:none;
|
|
}
|
|
.fd-clipper-toast.show{transform:translateY(0);opacity:1}
|