Only show inspector section chevron on hover (#300)

StitchDesign · Sep 16, 2024 · 322fd4e · 322fd4e
1 parent 18f1a41
commit 322fd4e
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/Stitch/Graph/LayerInspector/LayerInspectorView.swift b/Stitch/Graph/LayerInspector/LayerInspectorView.swift
@@ -230,6 +230,7 @@ struct LayerInspectorInputsSectionView: View {
     let nodeId: NodeId
 
     @State private var expanded = true
+    @State private var isHovered = false
 
     var body: some View {
         Section(isExpanded: $expanded) {
@@ -259,15 +260,22 @@ struct LayerInspectorInputsSectionView: View {
                     .rotation3DEffect(Angle(degrees: rotationZ),
                                       axis: (x: 0, y: 0, z: rotationZ))
                     .animation(.linear(duration: 0.2), value: rotationZ)
+                    .opacity(self.isHovered ? 1 : 0)
 
-                StitchTextView(string: sectionName.rawValue).textCase(nil)
+                StitchTextView(string: sectionName.rawValue,
+                               font: stitchFont(16))
+                    .textCase(nil)
+                    .bold()
             }
             // Note: list row insets appear to be the only way to control padding on a list's section headers
             .listRowInsets(EdgeInsets(top: 0,
                                       leading: 0,
                                       bottom: 0,
                                       trailing: 0))
             .contentShape(Rectangle())
+            .onHover {
+                self.isHovered = $0
+            }
             .onTapGesture {
                 withAnimation {
                     self.expanded.toggle()