[PR #74] [MERGED] Remove blue focus ring from Logs page tabs #89

New issue

Closed

opened 2026-02-27 16:42:30 +03:00 by kerem · 0 comments

kerem commented

2026-02-27 16:42:30 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/router-for-me/Cli-Proxy-API-Management-Center/pull/74
Author: @LTbinglingfeng
Created: 1/29/2026
Status: ✅ Merged
Merged: 1/29/2026
Merged by: @LTbinglingfeng

Base: dev ← Head: codex/remove-blue-box-from-log-view

📝 Commits (1)

9bbf61e Remove focus outline from logs tabs

📊 Changes

1 file changed (+5 additions, -0 deletions)

View changed files

📝 src/pages/LogsPage.module.scss (+5 -0)

📄 Description

Motivation

The focus outline on the Logs page tab buttons produced an unwanted blue ring when switching tabs and should be removed for a cleaner UI.

Description

Remove the :focus-visible outline and box-shadow on .tabItem in src/pages/LogsPage.module.scss so tab buttons no longer show the blue focus ring.

Testing

Started the dev server with npm run dev and ran a Playwright script that opened /logs and captured a screenshot to confirm the focus ring is gone, and both steps completed successfully.

Codex Task

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/router-for-me/Cli-Proxy-API-Management-Center/pull/74 **Author:** [@LTbinglingfeng](https://github.com/LTbinglingfeng) **Created:** 1/29/2026 **Status:** ✅ Merged **Merged:** 1/29/2026 **Merged by:** [@LTbinglingfeng](https://github.com/LTbinglingfeng) **Base:** `dev` ← **Head:** `codex/remove-blue-box-from-log-view` --- ### 📝 Commits (1) - [`9bbf61e`](https://github.com/router-for-me/Cli-Proxy-API-Management-Center/commit/9bbf61e1b69652bf10763e3261f5f572a431abae) Remove focus outline from logs tabs ### 📊 Changes **1 file changed** (+5 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `src/pages/LogsPage.module.scss` (+5 -0) </details> ### 📄 Description ### Motivation - The focus outline on the Logs page tab buttons produced an unwanted blue ring when switching tabs and should be removed for a cleaner UI. ### Description - Remove the `:focus-visible` outline and box-shadow on `.tabItem` in `src/pages/LogsPage.module.scss` so tab buttons no longer show the blue focus ring. ### Testing - Started the dev server with `npm run dev` and ran a Playwright script that opened `/logs` and captured a screenshot to confirm the focus ring is gone, and both steps completed successfully. ------ [Codex Task](https://chatgpt.com/codex/tasks/task_b_697b4c55b5d483278a6f95a8bef8180d) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>