[#164] 스티키 헤더에서 UI가 변경될 때 사각형 모양의 배경이 생기는 현상을 해결한다 (#168)

* fix: 주 버그 픽스 및 메뉴로 선택하는 것은 chevron.down 추가

* chore: adaptiveButtonStyle 위치 이동

* ui: 필터가 선택되었을 때 흰색 텍스트로 반영하기

* ui: chevron.down 제거

* ui: 텍스트 색 수정

Author: opficdev

DevLog/Resource/Localizable.xcstrings

@@ -359,7 +359,7 @@
     "완료 상태" : {
 
     },
-    "완료 시점" : {
+    "완료일" : {
 
     },
     "읽지 않음" : {

DevLog/UI/Common/TodoInfoSheetView.swift

@@ -24,10 +24,10 @@ struct TodoInfoSheetView: View {
                             .foregroundStyle(.white)
                         HStack(spacing: 8) {
                             Image(systemName: "calendar")
-                                .foregroundStyle(.white)
                             Text(createdAt.formatted(date: .abbreviated, time: .omitted))
                             Spacer()
                         }
+                        .foregroundStyle(.white)
                         .padding(.vertical, 10)
                         .padding(.horizontal, 12)
                         .background(

DevLog/UI/Home/TodoEditorView.swift

@@ -138,8 +138,8 @@ struct TodoEditorView: View {
                     Image(systemName: "tag")
                         .foregroundStyle(.gray)
                 }
+                .adaptiveButtonStyle()
             }
-            .adaptiveButtonStyle()
             DueDatePicker(selection: Binding(
                 get: { viewModel.state.dueDate ?? Date() },
                 set: { viewModel.send(.setDueDate($0)) }
@@ -161,8 +161,8 @@ struct TodoEditorView: View {
                             viewModel.send(.setDueDate(viewModel.state.hasDueDate ? nil : Date()))
                         }
                 }
+                .adaptiveButtonStyle()
             }
-            .adaptiveButtonStyle()
         }
     }
 
@@ -317,11 +317,11 @@ private struct TagEditor<Content: View>: View {
                 Image(systemName: "plus")
                     .font(.largeTitle)
                     .foregroundStyle(Color.white)
+                    .adaptiveButtonStyle(
+                        shape: .circle,
+                        color: (!tag.isEmpty && !tags.contains(tag)) ? Color.blue : .gray.opacity(0.4)
+                    )
             }
-            .adaptiveButtonStyle(
-                shape: .circle,
-                color: (!tag.isEmpty && !tags.contains(tag)) ? Color.blue : .gray.opacity(0.4)
-            )
             .disabled(tag.isEmpty || tags.contains(tag))
         }
     }

DevLog/UI/Home/TodoListView.swift

@@ -207,14 +207,13 @@ struct TodoListView: View {
                 Text("정렬 순서")
             }
         } label: {
+            let condition = viewModel.state.query.sortTarget == .createdAt && viewModel.state.query.sortOrder == .latest
             HStack {
                 Text("정렬: \(viewModel.state.query.sortTarget.title) / \(viewModel.state.query.sortOrder.title)")
                 Image(systemName: "chevron.down")
             }
-            .adaptiveButtonStyle(
-                color: viewModel.state.query.sortTarget == .createdAt &&
-                viewModel.state.query.sortOrder == .latest ? .clear : .blue
-            )
+            .foregroundStyle(condition ? Color(.label) : .white)
+            .adaptiveButtonStyle(color: condition ? .clear : .blue)
         }
     }
 
@@ -244,14 +243,13 @@ struct TodoListView: View {
                 Text("완료 상태")
             }
         } label: {
+            let condition = viewModel.state.query.isPinned == true || viewModel.state.query.completionFilter != .all
             HStack {
                 Text("필터 옵션")
                 Image(systemName: "chevron.down")
             }
-                .adaptiveButtonStyle(
-                    color: viewModel.state.query.isPinned == true ||
-                    viewModel.state.query.completionFilter != .all ? .blue : .clear
-                )
+            .foregroundStyle(condition ? .white : Color(.label))
+            .adaptiveButtonStyle(color: condition ? .blue : .clear)
         }
     }
 

DevLog/UI/PushNotification/PushNotificationListView.swift

@@ -114,16 +114,18 @@ struct PushNotificationListView: View {
                             Image(systemName: "line.3.horizontal.decrease")
                             filterBadge
                         }
+                        .adaptiveButtonStyle()
                     }
-                    .adaptiveButtonStyle()
                 }
 
                 Button {
                     viewModel.send(.toggleSortOption)
                 } label: {
+                    let condition = viewModel.state.query.sortOrder == .oldest
                     Text("정렬: \(viewModel.state.query.sortOrder.title)")
+                        .foregroundStyle(condition ? .white : Color(.label))
+                        .adaptiveButtonStyle(color: condition ? .blue : .clear)
                 }
-                .adaptiveButtonStyle(color: viewModel.state.query.sortOrder == .oldest ? .blue : .clear)
 
                 Menu {
                     ForEach(PushNotificationQuery.TimeFilter.availableOptions, id: \.id) { option in
@@ -142,17 +144,23 @@ struct PushNotificationListView: View {
                         }
                     }
                 } label: {
-                    Text("기간")
+                    let condition = viewModel.state.query.timeFilter == .none
+                    HStack {
+                        Text("기간")
+                        Image(systemName: "chevron.down")
+                    }
+                    .foregroundStyle(condition ? Color(.label) : .white)
+                    .adaptiveButtonStyle(color: condition ? .clear : .blue)
                 }
-                .adaptiveButtonStyle(color: viewModel.state.query.timeFilter == .none ? .clear : .blue)
 
                 Button {
                     viewModel.send(.toggleUnreadOnly)
                 } label: {
+                    let condition = viewModel.state.query.unreadOnly
                     Text("읽지 않음")
-                        .foregroundStyle(viewModel.state.query.unreadOnly ? .white : Color(.label))
+                        .foregroundStyle(condition ? .white : Color(.label))
+                        .adaptiveButtonStyle(color: condition ? .blue : .clear)
                 }
-                .adaptiveButtonStyle(color: viewModel.state.query.unreadOnly ? .blue : .clear)
             }
         }
         .scrollIndicators(.never)