adjust resize hitboxes
Hunter
Thursday, October 16th, 2025 at 11:52 AM
103 .resize-handle.corner {
104 width: 10px;
105 height: 10px;
106 + background: transparent;
107 + }
108 +
109 + .resize-handle.corner::before {
110 + content: '';
111 + position: absolute;
112 + top: 0;
113 + left: 0;
114 + width: 100%;
115 + height: 100%;
116 + background: #4a90e2;
117 border-radius: 50%;
118 }
119
121 background: transparent;
122 }
123
- .resize-handle.n { top: -5px; left: 50%; transform: translateX(-50%); width: 30px; height: 10px; cursor: n-resize; }
- .resize-handle.s { bottom: -5px; left: 50%; transform: translateX(-50%); width: 30px; height: 10px; cursor: s-resize; }
- .resize-handle.e { right: -5px; top: 50%; transform: translateY(-50%); width: 10px; height: 30px; cursor: e-resize; }
- .resize-handle.w { left: -5px; top: 50%; transform: translateY(-50%); width: 10px; height: 30px; cursor: w-resize; }
124 + .resize-handle.n { top: -5px; left: 5px; right: 5px; height: 10px; cursor: n-resize; }
125 + .resize-handle.s { bottom: -5px; left: 5px; right: 5px; height: 10px; cursor: s-resize; }
126 + .resize-handle.e { right: -5px; top: 5px; bottom: 5px; width: 10px; cursor: e-resize; }
127 + .resize-handle.w { left: -5px; top: 5px; bottom: 5px; width: 10px; cursor: w-resize; }
128 .resize-handle.ne { top: -5px; right: -5px; cursor: ne-resize; }
129 .resize-handle.nw { top: -5px; left: -5px; cursor: nw-resize; }
130 .resize-handle.se { bottom: -5px; right: -5px; cursor: se-resize; }