silva
/
new_site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Bugfix: Updates ninja keys text input color so it is always visible (#2463) 

This PR fixes an issue where the search input is not visible in the
light theme. This is because `ninja-header-min.js` defaults the text
color to white.

This style change will ensure that the text is always visible regardless
of theme selection

## Before Style Change
<img width="1435" alt="SCR-20240530-cnxd"
src="https://github.com/alshedivat/al-folio/assets/16251412/dbbc04c6-6e23-4bb5-8278-218d4e0e1329">

## After Style Change
<img width="1434" alt="SCR-20240530-coqb"
src="https://github.com/alshedivat/al-folio/assets/16251412/182df8e5-8f54-4eca-a255-b8efbf52db9d">
This commit is contained in:
Andrew Leonard 2024-05-31 12:26:24 -04:00 committed by GitHub
parent d004837e60
commit 351eb127fa
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -10,3 +10,4 @@ Gemfile.lock
assets/libs/ assets/libs/
node_modules/ node_modules/
vendor vendor
.idea

4
_sass/_base.scss
View File

@ -1119,7 +1119,9 @@ ninja-keys {
--ninja-modal-background: var(--global-bg-color); --ninja-modal-background: var(--global-bg-color);
--ninja-z-index: 1031; --ninja-z-index: 1031;
} }
ninja-keys::part(ninja-input) {
color: var(--ninja-selected-text-color);
}
ninja-keys::part(ninja-input-wrapper) { ninja-keys::part(ninja-input-wrapper) {
background: var(--global-bg-color); background: var(--global-bg-color);
} }