[PR #2145] [MERGED] Fix border color of a hovered/focused input field in Standard themes #3098

Open
opened 2026-01-29 18:21:55 +00:00 by claunia · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/radzenhq/radzen-blazor/pull/2145
Author: @Cosmatevs
Created: 5/8/2025
Status: Merged
Merged: 5/8/2025
Merged by: @yordanov

Base: masterHead: fix/input-bottom-border


📝 Commits (1)

  • f31e116 fix the bottom border color of a hovered/focused input field in Standard themes

📊 Changes

1 file changed (+2 additions, -2 deletions)

View changed files

📝 Radzen.Blazor/themes/components/blazor/_input.scss (+2 -2)

📄 Description

The 7.0 update made the bottom border of a hovered/focused input field grey in the Standard themes, while other borders still used the primary color.
Standard theme inputs

The problem was that the variables input-hover-border and input-focus-border were overridden by the Standard themes, but the new …-block-end variables weren't.

Instead of overriding them separately, I decided to use input-hover-border and input-focus-border as the defaults for the …-block-end variables.

The change doesn't affect other free themes as they don't override the variables mentioned above. Not sure about the premium themes.


🔄 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/radzenhq/radzen-blazor/pull/2145 **Author:** [@Cosmatevs](https://github.com/Cosmatevs) **Created:** 5/8/2025 **Status:** ✅ Merged **Merged:** 5/8/2025 **Merged by:** [@yordanov](https://github.com/yordanov) **Base:** `master` ← **Head:** `fix/input-bottom-border` --- ### 📝 Commits (1) - [`f31e116`](https://github.com/radzenhq/radzen-blazor/commit/f31e116422f33c10e5136ae8f02de904fc00060b) fix the bottom border color of a hovered/focused input field in Standard themes ### 📊 Changes **1 file changed** (+2 additions, -2 deletions) <details> <summary>View changed files</summary> 📝 `Radzen.Blazor/themes/components/blazor/_input.scss` (+2 -2) </details> ### 📄 Description The 7.0 update made the bottom border of a hovered/focused input field grey in the Standard themes, while other borders still used the primary color. ![Standard theme inputs](https://github.com/user-attachments/assets/fe5371ae-8e44-41c3-9806-d7b81626c019) The problem was that the variables `input-hover-border` and `input-focus-border` were overridden by the Standard themes, but the new `…-block-end` variables weren't. Instead of overriding them separately, I decided to use `input-hover-border` and `input-focus-border` as the defaults for the `…-block-end` variables. The change doesn't affect other free themes as they don't override the variables mentioned above. Not sure about the premium themes. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
claunia added the pull-request label 2026-01-29 18:21:55 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#3098