31 lines
943 B
CSS
31 lines
943 B
CSS
/* path: floatina/assets/css/docked.css */
|
|
/* === Vertical resize handle for Docked mode (visible on desktop & mobile) === */
|
|
#floatina-panel .fi-resize-v{
|
|
position:absolute;
|
|
left:8px; right:8px; top:-10px;
|
|
height:16px;
|
|
cursor:ns-resize;
|
|
border-radius:12px;
|
|
background:transparent; /* keep invisible; theme can draw grip if desired */
|
|
z-index:2;
|
|
}
|
|
#floatina-panel.is-open .fi-resize-v{pointer-events:auto}
|
|
|
|
/* === Shim overlay captures pointer events above iframes while resizing === */
|
|
#floatina-panel .fi-shim{
|
|
position:absolute;
|
|
inset:0;
|
|
pointer-events:none;
|
|
background:transparent;
|
|
z-index:3;
|
|
}
|
|
#floatina-panel .fi-shim.is-active{ pointer-events:auto; }
|
|
|
|
/* === Optional: cursor feedback while resizing === */
|
|
#floatina-panel.is-resizing{ user-select:none; }
|
|
|
|
/* === Bigger handle on small screens for better touch target === */
|
|
@media (max-width:640px){
|
|
#floatina-panel .fi-resize-v{ top:-12px; height:20px; }
|
|
}
|