superrob1500
/
mirror-ghostty
mirror of https://github.com/ghostty-org/ghostty
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

macos: add hover styles to search buttons, cursor changes (#9734) 

https://github.com/user-attachments/assets/72a561b5-f863-48c9-97cb-414ed89a8e3f
pull/9736/head
Mitchell Hashimoto 2025-11-27 13:22:02 -08:00 committed by GitHub
parent 4ff0e0c9d2 5c1679209d
commit d8aeffe1e9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
macos/Sources/Ghostty/SurfaceView.swift
View File

@ -405,7 +405,7 @@ extension Ghostty {
var body: some View {
GeometryReader { geo in
HStack(spacing: 8) {
HStack(spacing: 4) {
TextField("Search", text: $searchState.needle)
.textFieldStyle(.plain)
.frame(width: 180)
@ -451,7 +451,7 @@ extension Ghostty {
}) {
Image(systemName: "chevron.up")
}
.buttonStyle(.borderless)
.buttonStyle(SearchButtonStyle())
Button(action: {
guard let surface = surfaceView.surface else { return }
@ -460,12 +460,12 @@ extension Ghostty {
}) {
Image(systemName: "chevron.down")
}
.buttonStyle(.borderless)
.buttonStyle(SearchButtonStyle())
Button(action: onClose) {
Image(systemName: "xmark")
}
.buttonStyle(.borderless)
.buttonStyle(SearchButtonStyle())
}
.padding(8)
.background(.background)
@ -556,6 +556,35 @@ extension Ghostty {
return point.y < midY ? .topRight : .bottomRight
}
}
struct SearchButtonStyle: ButtonStyle {
@State private var isHovered = false
func makeBody(configuration: Configuration) -> some View {
configuration.label
.foregroundStyle(isHovered || configuration.isPressed ? .primary : .secondary)
.padding(.horizontal, 2)
.frame(height: 26)
.background(
RoundedRectangle(cornerRadius: 6)
.fill(backgroundColor(isPressed: configuration.isPressed))
)
.onHover { hovering in
isHovered = hovering
}
.backport.pointerStyle(.link)
}
private func backgroundColor(isPressed: Bool) -> Color {
if isPressed {
return Color.primary.opacity(0.2)
} else if isHovered {
return Color.primary.opacity(0.1)
} else {
return Color.clear
}
}
}
}
/// A surface is terminology in Ghostty for a terminal surface, or a place where a terminal is actually drawn