mirror of
https://github.com/ghostty-org/ghostty.git
synced 2026-04-19 05:50:27 +00:00
Fixes #11379 For this pass, I made it a very simple "within 20%" (height-wise) of the split handle. There is no horizontal component. I want to find the right balance between always visible (today mostly) to only visible on direct hover, because I think it'll be too hard to discover on that far right side.
82 lines
3.3 KiB
Swift
82 lines
3.3 KiB
Swift
import SwiftUI
|
|
|
|
extension Ghostty {
|
|
/// A grab handle overlay at the top of the surface for dragging a surface.
|
|
struct SurfaceGrabHandle: View {
|
|
// Size of the actual drag handle; the hover reveal region is larger.
|
|
private static let handleSize = CGSize(width: 80, height: 12)
|
|
|
|
// Reveal the handle anywhere within the top % of the pane height.
|
|
private static let hoverHeightFactor: CGFloat = 0.2
|
|
|
|
@ObservedObject var surfaceView: SurfaceView
|
|
|
|
@State private var isHovering: Bool = false
|
|
@State private var isDragging: Bool = false
|
|
|
|
private var handleVisible: Bool {
|
|
// Handle should always be visible in non-fullscreen
|
|
guard let window = surfaceView.window else { return true }
|
|
guard window.styleMask.contains(.fullScreen) else { return true }
|
|
|
|
// If fullscreen, only show the handle if we have splits
|
|
guard let controller = window.windowController as? BaseTerminalController else { return false }
|
|
return controller.surfaceTree.isSplit
|
|
}
|
|
|
|
private var ellipsisVisible: Bool {
|
|
// If the cursor isn't visible, never show the handle
|
|
guard surfaceView.cursorVisible else { return false }
|
|
// If we're hovering or actively dragging, always visible
|
|
if isHovering || isDragging { return true }
|
|
|
|
// Require our mouse location to be within the top area of the
|
|
// surface.
|
|
guard let mouseLocation = surfaceView.mouseLocationInSurface else { return false }
|
|
return Self.isInHoverRegion(mouseLocation, in: surfaceView.bounds)
|
|
}
|
|
|
|
var body: some View {
|
|
if handleVisible {
|
|
ZStack {
|
|
SurfaceDragSource(
|
|
surfaceView: surfaceView,
|
|
isDragging: $isDragging,
|
|
isHovering: $isHovering
|
|
)
|
|
.frame(width: Self.handleSize.width, height: Self.handleSize.height)
|
|
.contentShape(Rectangle())
|
|
|
|
if ellipsisVisible {
|
|
Image(systemName: "ellipsis")
|
|
.font(.system(size: 10, weight: .semibold))
|
|
.foregroundColor(.primary.opacity(isHovering ? 0.8 : 0.3))
|
|
.offset(y: -3)
|
|
.allowsHitTesting(false)
|
|
.transition(.opacity)
|
|
}
|
|
}
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .top)
|
|
}
|
|
}
|
|
|
|
/// The full-width hover band that reveals the drag handle.
|
|
private static func hoverRect(in bounds: CGRect) -> CGRect {
|
|
guard !bounds.isEmpty else { return .zero }
|
|
|
|
let hoverHeight = min(bounds.height, max(handleSize.height, bounds.height * hoverHeightFactor))
|
|
return CGRect(
|
|
x: bounds.minX,
|
|
y: bounds.maxY - hoverHeight,
|
|
width: bounds.width,
|
|
height: hoverHeight
|
|
)
|
|
}
|
|
|
|
/// Returns true when the pointer is inside the top hover band.
|
|
private static func isInHoverRegion(_ point: CGPoint, in bounds: CGRect) -> Bool {
|
|
hoverRect(in: bounds).contains(point)
|
|
}
|
|
}
|
|
}
|