Andreas/LibreChat
1
0
Fork 0
mirror of https://github.com/danny-avila/LibreChat.git synced 2026-03-05 07:40:19 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

🎯 feat: High Contrast Focus Outlines for Account Settings Menu Items (#11451)
Some checks failed
Docker Dev Branch Images Build / build (Dockerfile, lc-dev, node) (push) Waiting to run
Details
Docker Dev Branch Images Build / build (Dockerfile.multi, lc-dev-api, api-build) (push) Waiting to run
Details
Publish `@librechat/data-schemas` to NPM / build-and-publish (push) Has been cancelled
Details
Docker Dev Images Build / build (Dockerfile, librechat-dev, node) (push) Has been cancelled
Details
Docker Dev Images Build / build (Dockerfile.multi, librechat-dev-api, api-build) (push) Has been cancelled
Details
Sync Locize Translations & Create Translation PR / Sync Translation Keys with Locize (push) Has been cancelled
Details
Sync Locize Translations & Create Translation PR / Create Translation PR on Version Published (push) Has been cancelled
Details

Browse source 
* fix: focus outlines for Settings popup menu items

* refactor: tighten scope onto account settings only
This commit is contained in:
Dustin Healy 2026-01-22 16:38:31 -08:00 • committed by GitHub
parent 0cf7bb2d0e
commit 18a0e8a8b0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/src/components/Nav/AccountSettings.tsx
View file

@ -40,7 +40,7 @@ function AccountSettings() {
</div> </div>
</Select.Select> </Select.Select>
<Select.SelectPopover <Select.SelectPopover
className="popover-ui z-[125] w-[305px] rounded-lg md:w-[244px]" className="account-settings-popover popover-ui z-[125] w-[305px] rounded-lg md:w-[244px]"
style={{ style={{
transformOrigin: 'bottom', transformOrigin: 'bottom',
translate: '0 -4px', translate: '0 -4px',

4
client/src/style.css
View file

@ -2668,6 +2668,10 @@ html {
color: var(--text-primary); color: var(--text-primary);
} }
.account-settings-popover .select-item[data-active-item] {
box-shadow: 0 0 0 2px hsl(var(--ring));
}
.popover-ui[data-enter] { .popover-ui[data-enter] {
opacity: 1; opacity: 1;
scale: 1; scale: 1;