[GH-ISSUE #195] Add a Show/Hide Filter #193

New issue

Open

opened 2026-03-03 19:49:06 +03:00 by kerem · 0 comments

kerem commented

2026-03-03 19:49:06 +03:00

Owner

Originally created by @NghiaTranUIT on GitHub (Feb 19, 2023).
Original GitHub issue: https://github.com/ProxymanApp/proxyman-windows-linux/issues/195

Originally assigned to: @kics223w1 on GitHub.

Description

We've implemented #179, We can show/hide the Filter Bar by using the shortcut Control + F. However, it's hard to discover. We should add a Toggle button.

⚠️ See the macOS version to understand how it works.

See https://github.com/ProxymanApp/proxyman-windows-linux/issues/194 to understand how to export the SVG icon from the SF Symbol app.

Acceptance Criteria

Add Filter buttons, use line.3.horizontal.decrease.circle SVG from the SF Symbol app to all tabs from the Request/Response Tab
Click to Show/Hide the Current Filter Bar View. Must work with Header Tab (Header, Query, Cookie, Form, Auth, Set-Cookie), the Body Tab, and the Raw Tab.

https://user-images.githubusercontent.com/5878421/219935460-cff61eb3-0b03-49ea-b2d0-5580346f761d.mp4

Raw tab
Body Tab -> Show the default filter of the CodeMirror
The Filter button will align to the right column (See the video for the behavior)

https://user-images.githubusercontent.com/5878421/219935481-7220d348-2e5a-4489-a7ba-d53bcbb0d8bc.mp4

Originally created by @NghiaTranUIT on GitHub (Feb 19, 2023). Original GitHub issue: https://github.com/ProxymanApp/proxyman-windows-linux/issues/195 Originally assigned to: @kics223w1 on GitHub. ## Description We've implemented #179, We can show/hide the Filter Bar by using the shortcut Control + F. However, it's hard to discover. We should add a Toggle button. ⚠️ See the macOS version to understand how it works. See https://github.com/ProxymanApp/proxyman-windows-linux/issues/194 to understand how to export the SVG icon from the SF Symbol app. ## Acceptance Criteria - Add Filter buttons, use `line.3.horizontal.decrease.circle` SVG from the SF Symbol app to all tabs from the Request/Response Tab - Click to Show/Hide the Current Filter Bar View. Must work with Header Tab (Header, Query, Cookie, Form, Auth, Set-Cookie), the Body Tab, and the Raw Tab. https://user-images.githubusercontent.com/5878421/219935460-cff61eb3-0b03-49ea-b2d0-5580346f761d.mp4 - Raw tab <img width="748" alt="Screenshot 2023-02-19 at 14 43 59" src="https://user-images.githubusercontent.com/5878421/219935618-cb1d29fb-3a8b-4fc3-bd70-7998514d4408.png"> - Body Tab -> Show the default filter of the CodeMirror <img width="794" alt="Screenshot 2023-02-19 at 14 44 06" src="https://user-images.githubusercontent.com/5878421/219935620-daad2e3d-745b-42d9-8ff3-628f3430d4ab.png"> - The Filter button will align to the right column (See the video for the behavior) https://user-images.githubusercontent.com/5878421/219935481-7220d348-2e5a-4489-a7ba-d53bcbb0d8bc.mp4