mirror of
https://github.com/Comfy-Org/ComfyUI_frontend.git
synced 2026-05-24 06:35:10 +00:00
style(churnkey): scope disclaimer + use focus-visible for inputs
- Scope '.active-discount-disclaimer' to '#ck-app' so it can't leak into non-Churnkey UI that happens to use the same class name. - Switch the embed input/select/textarea focus rules to ':focus-visible' with a higher-contrast ring, so keyboard users get a clear focus indicator instead of the dropped outline.
This commit is contained in:
@@ -66,12 +66,13 @@
|
||||
color: var(--base-foreground) !important;
|
||||
border-color: var(--border-default) !important;
|
||||
}
|
||||
.ck-style select:focus,
|
||||
.ck-style input:focus,
|
||||
.ck-style textarea:focus {
|
||||
.ck-style select:focus-visible,
|
||||
.ck-style input:focus-visible,
|
||||
.ck-style textarea:focus-visible {
|
||||
border-color: var(--primary-background) !important;
|
||||
box-shadow: 0 0 0 2px rgb(255 255 255 / 0.1) !important;
|
||||
outline: none !important;
|
||||
box-shadow: 0 0 0 2px var(--primary-background) !important;
|
||||
outline: 2px solid transparent !important;
|
||||
outline-offset: 2px !important;
|
||||
}
|
||||
.ck-style ::placeholder {
|
||||
color: var(--muted-foreground) !important;
|
||||
@@ -123,7 +124,7 @@
|
||||
.ck-pause-subscription-details b {
|
||||
color: var(--base-foreground) !important;
|
||||
}
|
||||
.active-discount-disclaimer {
|
||||
#ck-app .active-discount-disclaimer {
|
||||
color: var(--muted-foreground) !important;
|
||||
background-color: var(--secondary-background) !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user