vaultwarden
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

[CL-337] Fix toggle group visual bug from tw-group collisions (#10188)

This commit is contained in:
Victoria League 2024-07-24 11:40:10 -04:00 committed by GitHub
parent 0ff62a5cc3
commit c52709e6f0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
libs/components/src/toggle-group/toggle.component.ts
View File

@ -17,7 +17,7 @@ export class ToggleComponent<TValue> {
constructor(private groupComponent: ToggleGroupComponent<TValue>) {} constructor(private groupComponent: ToggleGroupComponent<TValue>) {}
@HostBinding("tabIndex") tabIndex = "-1"; @HostBinding("tabIndex") tabIndex = "-1";
@HostBinding("class") classList = ["tw-group"]; @HostBinding("class") classList = ["tw-group/toggle"];
get name() { get name() {
return this.groupComponent.name; return this.groupComponent.name;
@ -28,7 +28,7 @@ export class ToggleComponent<TValue> {
} }
get inputClasses() { get inputClasses() {
return ["tw-peer", "tw-appearance-none", "tw-outline-none"]; return ["tw-peer/toggle-input", "tw-appearance-none", "tw-outline-none"];
} }
get labelClasses() { get labelClasses() {
@ -43,27 +43,27 @@ export class ToggleComponent<TValue> {
"tw-border-r", "tw-border-r",
"tw-border-l-0", "tw-border-l-0",
"tw-cursor-pointer", "tw-cursor-pointer",
"group-first-of-type:tw-border-l", "group-first-of-type/toggle:tw-border-l",
"group-first-of-type:tw-rounded-l", "group-first-of-type/toggle:tw-rounded-l",
"group-last-of-type:tw-rounded-r", "group-last-of-type/toggle:tw-rounded-r",
"peer-focus:tw-outline-none", "peer-focus/toggle-input:tw-outline-none",
"peer-focus:tw-ring", "peer-focus/toggle-input:tw-ring",
"peer-focus:tw-ring-offset-2", "peer-focus/toggle-input:tw-ring-offset-2",
"peer-focus:tw-ring-primary-600", "peer-focus/toggle-input:tw-ring-primary-600",
"peer-focus:tw-z-10", "peer-focus/toggle-input:tw-z-10",
"peer-focus:tw-bg-primary-600", "peer-focus/toggle-input:tw-bg-primary-600",
"peer-focus:tw-border-primary-600", "peer-focus/toggle-input:tw-border-primary-600",
"peer-focus:!tw-text-contrast", "peer-focus/toggle-input:!tw-text-contrast",
"hover:tw-no-underline", "hover:tw-no-underline",
"hover:tw-bg-text-muted", "hover:tw-bg-text-muted",
"hover:tw-border-text-muted", "hover:tw-border-text-muted",
"hover:!tw-text-contrast", "hover:!tw-text-contrast",
"peer-checked:tw-bg-primary-600", "peer-checked/toggle-input:tw-bg-primary-600",
"peer-checked:tw-border-primary-600", "peer-checked/toggle-input:tw-border-primary-600",
"peer-checked:!tw-text-contrast", "peer-checked/toggle-input:!tw-text-contrast",
"tw-py-1.5", "tw-py-1.5",
"tw-px-3", "tw-px-3",