fix: inconsistent user creation v2 radio buttons #11092 (#11208)

# Which Problems Are Solved
Radio buttons in the User V2 creation form were unresponsive when
clicking directly on the radio button itself, only clicking on the label
text worked.

# How the Problems Are Solved
The app-auth-method-radio-theme mixin had a global input[type='radio']
selector that hid all radio inputs application-wide, breaking Angular
Material's mat-radio-button components. The selector is now scoped to
.auth-method-radio-button-wrapper so it only affects the intended
component.

# Additional Context
- Closes #11092
This commit is contained in:
Ramon
2025-12-30 11:03:15 +01:00
committed by GitHub
parent 4489ffb82e
commit 02f24b2e98
@@ -1,3 +1,10 @@
@mixin app-auth-method-radio-theme($theme) {
$primary: map-get($theme, primary);
$primary-color: map-get($primary, 500);
$is-dark-theme: map-get($theme, is-dark);
$background: map-get($theme, background);
$border-color: if($is-dark-theme, rgba(#8795a1, 0.2), rgba(#8795a1, 0.2));
.auth-method-radio-button-wrapper {
display: flex;
flex-direction: row;
@@ -14,14 +21,6 @@
column-gap: 1rem;
row-gap: 1rem;
}
}
@mixin app-auth-method-radio-theme($theme) {
$primary: map-get($theme, primary);
$primary-color: map-get($primary, 500);
$is-dark-theme: map-get($theme, is-dark);
$background: map-get($theme, background);
$border-color: if($is-dark-theme, rgba(#8795a1, 0.2), rgba(#8795a1, 0.2));
input[type='radio'] {
appearance: none;
@@ -166,3 +165,4 @@
}
}
}
}