fix transparent navbar in windows high contrast mode #40911
Merged
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
3 tasks
rr-it
reviewed
Oct 6, 2024
There was a problem hiding this comment.
Please implement one of the solutions provided here:
#40757 (comment)
E.g. this one does the trick:
In forced-colors mode a background-color other than transparent is set - the user/system still can (and will) override this background as needed.
Edit: use @coliff Canvas-color.
.bd-navbar {
background-color: transparent;
@media (forced-colors) {
background-color: Canvas;
}
// Here comes the part that stays as-is: setting the background in an after-pseudo-element *shrug*
&::after {
position: absolute;
inset: 0;
z-index: -1;
display: block;
content: "";
background-image: linear-gradient(rgba(var(--bd-violet-rgb), 1), rgba(var(--bd-violet-rgb), .95));
}
}
site/assets/scss/_navbar.scss
Outdated
| .bd-navbar { | ||
| padding: .75rem 0; | ||
| background-color: transparent; | ||
| forced-color-adjust: none; |
There was a problem hiding this comment.
Setting forced-color-adjust: none might not go well with "user choices to be respected".
See https://developer.mozilla.org/en-US/docs/Web/CSS/forced-color-adjust#usage_notes
This property should only be used to makes changes that will support a user's color and contrast requirements. For example, if you become aware that the color optimizations made by the user agent result in a poor experience when in a high contrast or dark mode. Using this property would enable tweaking of the result in that mode to provide a better experience. It should not be used to prevent user choices being respected.
Contributor
There was a problem hiding this comment.
Agreed. I think the PR should have this:
@media (forced-colors) {
background-color: Canvas;
}(I did a lot of research and testing on this for: https://github.com/coliff/bootstrap-forced-colors-css#readme)
Contributor
Author
julien-deramond
approved these changes
Oct 7, 2024
Member
julien-deramond
left a comment
There was a problem hiding this comment.
This looks like a solid patch for the documentation. Thanks to everyone for the PR and the valuable discussions; they really helped speed up the review and testing process.
On my end, I tested the changes using BrowserStack on various Windows versions, where switching to high-contrast mode was straightforward. Everything worked seamlessly!
The rendering remains the same without the query.
There's definitely more work ahead in v6 to address this topic within the components, likely drawing from the progress made by @coliff and his work in https://github.com/coliff/bootstrap-forced-colors-css#readme, as noted in #35941.
In the meantime, I'll leave it to @twbs/css-review and/or @patrickhlauke for any final checks. If there are no objections, I'll go ahead and merge the PR.
louismaximepiton
approved these changes
Oct 14, 2024
Member
louismaximepiton
left a comment
There was a problem hiding this comment.
Works like a charm, well done folks !
patrickhlauke
pushed a commit
to hannahiss/bootstrap
that referenced
this pull request
Dec 10, 2024
Co-authored-by: Julien Déramond <juderamond@gmail.com>
patrickhlauke
added a commit
that referenced
this pull request
Dec 10, 2024
* Docs: missing aria-hidden on some decorative SVGs * Docs: missing aria-hidden on check mark on docs version dropdown in docs' header * Docs: missing aria-hidden on check mark on theme toggler dropdown in docs' header * Docs: missing aria-hidden on position utility example * Docs: missing aria-hidden on features examples * Docs: missing aria-hidden * Docs: missing label on link * Build(deps-dev): Bump rollup from 4.20.0 to 4.21.1 (#40775) Bumps [rollup](https://github.com/rollup/rollup) from 4.20.0 to 4.21.1. - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.20.0...v4.21.1) --- updated-dependencies: - dependency-name: rollup dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump @babel/preset-env from 7.25.3 to 7.25.4 (#40773) Bumps [@babel/preset-env](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-env) from 7.25.3 to 7.25.4. - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.4/packages/babel-preset-env) --- updated-dependencies: - dependency-name: "@babel/preset-env" dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump hugo-bin from 0.129.1 to 0.130.1 (#40774) Bumps [hugo-bin](https://github.com/fenneclab/hugo-bin) from 0.129.1 to 0.130.1. - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](fenneclab/hugo-bin@v0.129.1...v0.130.1) --- updated-dependencies: - dependency-name: hugo-bin dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * npm audit fix * Build(deps-dev): Bump stylelint-config-twbs-bootstrap (#40786) Bumps [stylelint-config-twbs-bootstrap](https://github.com/twbs/stylelint-config-twbs-bootstrap) from 14.2.0 to 15.0.0. - [Release notes](https://github.com/twbs/stylelint-config-twbs-bootstrap/releases) - [Commits](twbs/stylelint-config-twbs-bootstrap@v14.2.0...v15.0.0) --- updated-dependencies: - dependency-name: stylelint-config-twbs-bootstrap dependency-type: direct:development update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump rollup from 4.21.1 to 4.21.2 (#40785) Bumps [rollup](https://github.com/rollup/rollup) from 4.21.1 to 4.21.2. - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.21.1...v4.21.2) --- updated-dependencies: - dependency-name: rollup dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump eslint-plugin-import from 2.29.1 to 2.30.0 (#40783) Bumps [eslint-plugin-import](https://github.com/import-js/eslint-plugin-import) from 2.29.1 to 2.30.0. - [Release notes](https://github.com/import-js/eslint-plugin-import/releases) - [Changelog](https://github.com/import-js/eslint-plugin-import/blob/main/CHANGELOG.md) - [Commits](import-js/eslint-plugin-import@v2.29.1...v2.30.0) --- updated-dependencies: - dependency-name: eslint-plugin-import dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump rtlcss from 4.2.0 to 4.3.0 (#40782) Bumps [rtlcss](https://github.com/MohammadYounes/rtlcss) from 4.2.0 to 4.3.0. - [Release notes](https://github.com/MohammadYounes/rtlcss/releases) - [Changelog](https://github.com/MohammadYounes/rtlcss/blob/master/CHANGELOG.md) - [Commits](MohammadYounes/rtlcss@v4.2.0...v4.3.0) --- updated-dependencies: - dependency-name: rtlcss dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump @babel/cli from 7.24.8 to 7.25.6 (#40788) Bumps [@babel/cli](https://github.com/babel/babel/tree/HEAD/packages/babel-cli) from 7.24.8 to 7.25.6. - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.6/packages/babel-cli) --- updated-dependencies: - dependency-name: "@babel/cli" dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Docs: clarify the title on the 'About > Overview' page (#40762) * Build(deps-dev): Bump postcss from 8.4.41 to 8.4.44 (#40784) Bumps [postcss](https://github.com/postcss/postcss) from 8.4.41 to 8.4.44. - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](postcss/postcss@8.4.41...8.4.44) --- updated-dependencies: - dependency-name: postcss dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: XhmikosR <xhmikosr@gmail.com> * Docs: add missing `$enable-css-grid` in 'Customize > Options' (#40797) Co-authored-by: Julien Déramond <juderamond@gmail.com> * Remove aria-label from this PR * Rollback unwanted modif * Build(deps-dev): Bump postcss from 8.4.44 to 8.4.45 (#40806) Bumps [postcss](https://github.com/postcss/postcss) from 8.4.44 to 8.4.45. - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](postcss/postcss@8.4.44...8.4.45) --- updated-dependencies: - dependency-name: postcss dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Fix popover remaining open when toggled after being shown (#40803) Co-authored-by: Dmitry Sergienko <dmitry.sergienko@codefirst.net> Co-authored-by: Julien Déramond <juderamond@gmail.com> * Docs: update notice on Safari flexbox gap support in 'Helpers > Stacks' (#40844) * Add missing aria-hidden to decorative `<svg>` and `aria-label` and `role="img"` to informative ones in examples until dropdowns * . * Add missing aria-hidden to decorative `<svg>` and `aria-label` and `role="img"` to informative ones in examples until modals * rollback * rollback * Docs: update `min-height` inline style for modal with long content (#40870) * Add missing svgs * Build(deps): Bump body-parser in the npm_and_yarn group (#40862) Bumps the npm_and_yarn group with 1 update: [body-parser](https://github.com/expressjs/body-parser). Updates `body-parser` from 1.20.2 to 1.20.3 - [Release notes](https://github.com/expressjs/body-parser/releases) - [Changelog](https://github.com/expressjs/body-parser/blob/master/HISTORY.md) - [Commits](expressjs/body-parser@1.20.2...1.20.3) --- updated-dependencies: - dependency-name: body-parser dependency-type: indirect dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump rollup in the npm_and_yarn group (#40886) Bumps the npm_and_yarn group with 1 update: [rollup](https://github.com/rollup/rollup). Updates `rollup` from 4.21.2 to 4.23.0 - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.21.2...v4.23.0) --- updated-dependencies: - dependency-name: rollup dependency-type: direct:development dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump eslint from 8.57.0 to 8.57.1 (#40843) Bumps [eslint](https://github.com/eslint/eslint) from 8.57.0 to 8.57.1. - [Release notes](https://github.com/eslint/eslint/releases) - [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md) - [Commits](eslint/eslint@v8.57.0...v8.57.1) --- updated-dependencies: - dependency-name: eslint dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump hugo-bin from 0.130.1 to 0.132.0 (#40882) Bumps [hugo-bin](https://github.com/fenneclab/hugo-bin) from 0.130.1 to 0.132.0. - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](fenneclab/hugo-bin@v0.130.1...v0.132.0) --- updated-dependencies: - dependency-name: hugo-bin dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump npm-run-all2 from 6.2.2 to 6.2.3 (#40842) Bumps [npm-run-all2](https://github.com/bcomnes/npm-run-all2) from 6.2.2 to 6.2.3. - [Release notes](https://github.com/bcomnes/npm-run-all2/releases) - [Changelog](https://github.com/bcomnes/npm-run-all2/blob/master/CHANGELOG.md) - [Commits](bcomnes/npm-run-all2@v6.2.2...v6.2.3) --- updated-dependencies: - dependency-name: npm-run-all2 dependency-type: direct:development update-type: version-update:semver-patch ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Dependabot: switch to grouped updates (#40888) * Build(deps-dev): Bump terser from 5.31.6 to 5.34.1 (#40883) Bumps [terser](https://github.com/terser/terser) from 5.31.6 to 5.34.1. - [Changelog](https://github.com/terser/terser/blob/master/CHANGELOG.md) - [Commits](terser/terser@v5.31.6...v5.34.1) --- updated-dependencies: - dependency-name: terser dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump the development-dependencies group across 1 directory with 9 updates (#40895) * Build(deps-dev): Bump the development-dependencies group across 1 directory with 9 updates Bumps the development-dependencies group with 9 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@docsearch/js](https://github.com/algolia/docsearch) | `3.6.1` | `3.6.2` | | [@rollup/plugin-commonjs](https://github.com/rollup/plugins/tree/HEAD/packages/commonjs) | `26.0.1` | `28.0.0` | | [@rollup/plugin-node-resolve](https://github.com/rollup/plugins/tree/HEAD/packages/node-resolve) | `15.2.3` | `15.3.0` | | [@rollup/plugin-replace](https://github.com/rollup/plugins/tree/HEAD/packages/replace) | `5.0.7` | `6.0.1` | | [eslint-plugin-html](https://github.com/BenoitZugmeyer/eslint-plugin-html) | `8.1.1` | `8.1.2` | | [nodemon](https://github.com/remy/nodemon) | `3.1.4` | `3.1.7` | | [postcss](https://github.com/postcss/postcss) | `8.4.45` | `8.4.47` | | [sass](https://github.com/sass/dart-sass) | `1.77.8` | `1.78.0` | | [stylelint-config-twbs-bootstrap](https://github.com/twbs/stylelint-config-twbs-bootstrap) | `15.0.0` | `15.1.0` | Updates `@docsearch/js` from 3.6.1 to 3.6.2 - [Release notes](https://github.com/algolia/docsearch/releases) - [Changelog](https://github.com/algolia/docsearch/blob/main/CHANGELOG.md) - [Commits](algolia/docsearch@v3.6.1...v3.6.2) Updates `@rollup/plugin-commonjs` from 26.0.1 to 28.0.0 - [Changelog](https://github.com/rollup/plugins/blob/master/packages/commonjs/CHANGELOG.md) - [Commits](https://github.com/rollup/plugins/commits/commonjs-v28.0.0/packages/commonjs) Updates `@rollup/plugin-node-resolve` from 15.2.3 to 15.3.0 - [Changelog](https://github.com/rollup/plugins/blob/master/packages/node-resolve/CHANGELOG.md) - [Commits](https://github.com/rollup/plugins/commits/node-resolve-v15.3.0/packages/node-resolve) Updates `@rollup/plugin-replace` from 5.0.7 to 6.0.1 - [Changelog](https://github.com/rollup/plugins/blob/master/packages/replace/CHANGELOG.md) - [Commits](https://github.com/rollup/plugins/commits/json-v6.0.1/packages/replace) Updates `eslint-plugin-html` from 8.1.1 to 8.1.2 - [Changelog](https://github.com/BenoitZugmeyer/eslint-plugin-html/blob/main/CHANGELOG.md) - [Commits](BenoitZugmeyer/eslint-plugin-html@v8.1.1...v8.1.2) Updates `nodemon` from 3.1.4 to 3.1.7 - [Release notes](https://github.com/remy/nodemon/releases) - [Commits](remy/nodemon@v3.1.4...v3.1.7) Updates `postcss` from 8.4.45 to 8.4.47 - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](postcss/postcss@8.4.45...8.4.47) Updates `sass` from 1.77.8 to 1.78.0 - [Release notes](https://github.com/sass/dart-sass/releases) - [Changelog](https://github.com/sass/dart-sass/blob/main/CHANGELOG.md) - [Commits](sass/dart-sass@1.77.8...1.78.0) Updates `stylelint-config-twbs-bootstrap` from 15.0.0 to 15.1.0 - [Release notes](https://github.com/twbs/stylelint-config-twbs-bootstrap/releases) - [Commits](twbs/stylelint-config-twbs-bootstrap@v15.0.0...v15.1.0) --- updated-dependencies: - dependency-name: "@docsearch/js" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: "@rollup/plugin-commonjs" dependency-type: direct:development update-type: version-update:semver-major dependency-group: development-dependencies - dependency-name: "@rollup/plugin-node-resolve" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: "@rollup/plugin-replace" dependency-type: direct:development update-type: version-update:semver-major dependency-group: development-dependencies - dependency-name: eslint-plugin-html dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: nodemon dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: postcss dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: sass dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: stylelint-config-twbs-bootstrap dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> * Fix new stylelint-config-recess-order issues (#40887) * Pin sass to 1.78 If the issues are fixed, it should be updated again along with the caret operator. --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: XhmikosR <xhmikosr@gmail.com> * Update devDependencies * jasmine ^5.2.0 → ^5.3.0 * stylelint ^16.8.1 → ^16.9.0 * Remove unneeded flexbug workaround (#40876) This was only needed for Internet Explorer. Removing it saves a couple of bytes. :-) REF: https://github.com/philipwalton/flexbugs#flexbug-4 * package.json: ignore more deps * Docs: fix `$enable-css-grid` → `$enable-cssgrid` in 'Customize > Options' (#40818) * Docs: Indicate links in foreign language in Translations page (#40767) Co-authored-by: Julien Déramond <juderamond@gmail.com> Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk> * Docs: Make "Edit in Stackblitz" links explicit in 'Examples' page (#40766) Co-authored-by: Julien Déramond <juderamond@gmail.com> * Docs: remove unused class in the homepage (#40900) Co-authored-by: Julien Déramond <juderamond@gmail.com> * Docs: drop useless `.justify-content-start` class in homepage (#40914) * Examples: fix Cheatsheet examples horizontal scrolling (#40799) * Docs: precise how to add new `.order-*` classes in 'Layout > Columns' (#40821) Co-authored-by: Tobi <TobiGr@users.noreply.github.com> Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com> * Docs: replace `.grid` by `.d-grid` in 'Utilities > Spacing' gap section (#40790) Co-authored-by: Julien Déramond <juderamond@gmail.com> * Build(deps-dev): Bump the development-dependencies group across 1 directory with 6 updates (#40920) Bumps the development-dependencies group with 6 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@babel/cli](https://github.com/babel/babel/tree/HEAD/packages/babel-cli) | `7.25.6` | `7.25.7` | | [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) | `7.25.2` | `7.25.7` | | [@babel/preset-env](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-env) | `7.25.4` | `7.25.7` | | [eslint-plugin-import](https://github.com/import-js/eslint-plugin-import) | `2.30.0` | `2.31.0` | | [rollup](https://github.com/rollup/rollup) | `4.23.0` | `4.24.0` | | [sass-true](https://github.com/oddbird/true) | `8.0.0` | `8.1.0` | Updates `@babel/cli` from 7.25.6 to 7.25.7 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.7/packages/babel-cli) Updates `@babel/core` from 7.25.2 to 7.25.7 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.7/packages/babel-core) Updates `@babel/preset-env` from 7.25.4 to 7.25.7 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.7/packages/babel-preset-env) Updates `eslint-plugin-import` from 2.30.0 to 2.31.0 - [Release notes](https://github.com/import-js/eslint-plugin-import/releases) - [Changelog](https://github.com/import-js/eslint-plugin-import/blob/main/CHANGELOG.md) - [Commits](import-js/eslint-plugin-import@v2.30.0...v2.31.0) Updates `rollup` from 4.23.0 to 4.24.0 - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.23.0...v4.24.0) Updates `sass-true` from 8.0.0 to 8.1.0 - [Release notes](https://github.com/oddbird/true/releases) - [Changelog](https://github.com/oddbird/true/blob/main/CHANGELOG.md) - [Commits](oddbird/true@v8.0.0...v8.1.0) --- updated-dependencies: - dependency-name: "@babel/cli" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: "@babel/core" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: "@babel/preset-env" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: eslint-plugin-import dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: rollup dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: sass-true dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps): Bump the npm_and_yarn group with 2 updates (#40929) Bumps the npm_and_yarn group with 2 updates: [cookie](https://github.com/jshttp/cookie) and [socket.io](https://github.com/socketio/socket.io). Updates `cookie` from 0.4.2 to 0.7.2 - [Release notes](https://github.com/jshttp/cookie/releases) - [Commits](jshttp/cookie@v0.4.2...v0.7.2) Updates `socket.io` from 4.7.5 to 4.8.0 - [Release notes](https://github.com/socketio/socket.io/releases) - [Changelog](https://github.com/socketio/socket.io/blob/main/CHANGELOG.md) - [Commits](https://github.com/socketio/socket.io/compare/socket.io@4.7.5...socket.io@4.8.0) --- updated-dependencies: - dependency-name: cookie dependency-type: indirect dependency-group: npm_and_yarn - dependency-name: socket.io dependency-type: indirect dependency-group: npm_and_yarn ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Docs: fix `background-blend-mode` CSS value (#40931) * Docs: fix example hiding element except on medium and large devices in 'Utilities > Display > Hiding elements' (#40951) * Build(deps-dev): Bump the development-dependencies group across 1 directory with 6 updates (#40953) Bumps the development-dependencies group with 6 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) | `7.25.7` | `7.25.8` | | [@babel/preset-env](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-env) | `7.25.7` | `7.25.8` | | [@rollup/plugin-commonjs](https://github.com/rollup/plugins/tree/HEAD/packages/commonjs) | `28.0.0` | `28.0.1` | | [hugo-bin](https://github.com/fenneclab/hugo-bin) | `0.132.0` | `0.133.1` | | [stylelint](https://github.com/stylelint/stylelint) | `16.9.0` | `16.10.0` | | [terser](https://github.com/terser/terser) | `5.34.1` | `5.36.0` | Updates `@babel/core` from 7.25.7 to 7.25.8 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.8/packages/babel-core) Updates `@babel/preset-env` from 7.25.7 to 7.25.8 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.8/packages/babel-preset-env) Updates `@rollup/plugin-commonjs` from 28.0.0 to 28.0.1 - [Changelog](https://github.com/rollup/plugins/blob/master/packages/commonjs/CHANGELOG.md) - [Commits](https://github.com/rollup/plugins/commits/commonjs-v28.0.1/packages/commonjs) Updates `hugo-bin` from 0.132.0 to 0.133.1 - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](fenneclab/hugo-bin@v0.132.0...v0.133.1) Updates `stylelint` from 16.9.0 to 16.10.0 - [Release notes](https://github.com/stylelint/stylelint/releases) - [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md) - [Commits](stylelint/stylelint@16.9.0...16.10.0) Updates `terser` from 5.34.1 to 5.36.0 - [Changelog](https://github.com/terser/terser/blob/master/CHANGELOG.md) - [Commits](terser/terser@v5.34.1...v5.36.0) --- updated-dependencies: - dependency-name: "@babel/core" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: "@babel/preset-env" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: "@rollup/plugin-commonjs" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: hugo-bin dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: stylelint dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: terser dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Docs: add ngx-bootstrap to JavaScript frameworks list (#40932) * Docs: fix transparent navbar in Windows high contrast mode (#40911) Co-authored-by: Julien Déramond <juderamond@gmail.com> * Docs: correct example formatting in 'Utilities > API' for linting compliance (#40973) * Build(deps-dev): Bump the development-dependencies group across 1 directory with 6 updates (#40978) Bumps the development-dependencies group with 6 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@babel/cli](https://github.com/babel/babel/tree/HEAD/packages/babel-cli) | `7.25.7` | `7.25.9` | | [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) | `7.25.8` | `7.25.9` | | [@babel/preset-env](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-env) | `7.25.8` | `7.25.9` | | [hugo-bin](https://github.com/fenneclab/hugo-bin) | `0.133.1` | `0.133.5` | | [npm-run-all2](https://github.com/bcomnes/npm-run-all2) | `6.2.3` | `7.0.1` | | [vnu-jar](https://github.com/validator/validator) | `23.4.11` | `24.10.17` | Updates `@babel/cli` from 7.25.7 to 7.25.9 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.9/packages/babel-cli) Updates `@babel/core` from 7.25.8 to 7.25.9 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.9/packages/babel-core) Updates `@babel/preset-env` from 7.25.8 to 7.25.9 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.25.9/packages/babel-preset-env) Updates `hugo-bin` from 0.133.1 to 0.133.5 - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](fenneclab/hugo-bin@v0.133.1...v0.133.5) Updates `npm-run-all2` from 6.2.3 to 7.0.1 - [Release notes](https://github.com/bcomnes/npm-run-all2/releases) - [Changelog](https://github.com/bcomnes/npm-run-all2/blob/master/CHANGELOG.md) - [Commits](bcomnes/npm-run-all2@v6.2.3...v7.0.1) Updates `vnu-jar` from 23.4.11 to 24.10.17 - [Release notes](https://github.com/validator/validator/releases) - [Changelog](https://github.com/validator/validator/blob/main/CHANGELOG.md) - [Commits](https://github.com/validator/validator/commits) --- updated-dependencies: - dependency-name: "@babel/cli" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: "@babel/core" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: "@babel/preset-env" dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: hugo-bin dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: npm-run-all2 dependency-type: direct:development update-type: version-update:semver-major dependency-group: development-dependencies - dependency-name: vnu-jar dependency-type: direct:development update-type: version-update:semver-major dependency-group: development-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Build(deps-dev): Bump the development-dependencies group across 1 directory with 5 updates (#41010) Bumps the development-dependencies group with 5 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@babel/core](https://github.com/babel/babel/tree/HEAD/packages/babel-core) | `7.25.9` | `7.26.0` | | [@babel/preset-env](https://github.com/babel/babel/tree/HEAD/packages/babel-preset-env) | `7.25.9` | `7.26.0` | | [@docsearch/js](https://github.com/algolia/docsearch) | `3.6.2` | `3.7.0` | | [hugo-bin](https://github.com/fenneclab/hugo-bin) | `0.133.5` | `0.134.1` | | [rollup](https://github.com/rollup/rollup) | `4.24.0` | `4.24.4` | Updates `@babel/core` from 7.25.9 to 7.26.0 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.26.0/packages/babel-core) Updates `@babel/preset-env` from 7.25.9 to 7.26.0 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.26.0/packages/babel-preset-env) Updates `@docsearch/js` from 3.6.2 to 3.7.0 - [Release notes](https://github.com/algolia/docsearch/releases) - [Changelog](https://github.com/algolia/docsearch/blob/main/CHANGELOG.md) - [Commits](algolia/docsearch@v3.6.2...v3.7.0) Updates `hugo-bin` from 0.133.5 to 0.134.1 - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](fenneclab/hugo-bin@v0.133.5...v0.134.1) Updates `rollup` from 4.24.0 to 4.24.4 - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.24.0...v4.24.4) --- updated-dependencies: - dependency-name: "@babel/core" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: "@babel/preset-env" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: "@docsearch/js" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: hugo-bin dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: rollup dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Docs: fix `.order` values in the migration guide (#41030) * Fix left alignment of floating labels with `.form-select` size variants (#41013) Co-authored-by: Patrick Kroog <pk@kroog.com> Co-authored-by: Christian Oliff <christianoliff@pm.me> Co-authored-by: Julien Déramond <juderamond@gmail.com> Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com> * Docs: Fix broken link in dropdowns documentation (#41052) * Docs: add warning callout for Yarn Berry for Bootstrap examples compat (#41036) * Build(deps-dev): Bump the development-dependencies group across 1 directory with 7 updates (#41082) Bumps the development-dependencies group with 7 updates in the / directory: | Package | From | To | | --- | --- | --- | | [@babel/cli](https://github.com/babel/babel/tree/HEAD/packages/babel-cli) | `7.25.9` | `7.26.4` | | [@docsearch/js](https://github.com/algolia/docsearch) | `3.7.0` | `3.8.0` | | [hugo-bin](https://github.com/fenneclab/hugo-bin) | `0.134.1` | `0.136.3` | | [postcss](https://github.com/postcss/postcss) | `8.4.47` | `8.4.49` | | [rollup](https://github.com/rollup/rollup) | `4.24.4` | `4.28.1` | | [stylelint](https://github.com/stylelint/stylelint) | `16.10.0` | `16.11.0` | | [terser](https://github.com/terser/terser) | `5.36.0` | `5.37.0` | Updates `@babel/cli` from 7.25.9 to 7.26.4 - [Release notes](https://github.com/babel/babel/releases) - [Changelog](https://github.com/babel/babel/blob/main/CHANGELOG.md) - [Commits](https://github.com/babel/babel/commits/v7.26.4/packages/babel-cli) Updates `@docsearch/js` from 3.7.0 to 3.8.0 - [Release notes](https://github.com/algolia/docsearch/releases) - [Changelog](https://github.com/algolia/docsearch/blob/main/CHANGELOG.md) - [Commits](algolia/docsearch@v3.7.0...v3.8.0) Updates `hugo-bin` from 0.134.1 to 0.136.3 - [Release notes](https://github.com/fenneclab/hugo-bin/releases) - [Commits](fenneclab/hugo-bin@v0.134.1...v0.136.3) Updates `postcss` from 8.4.47 to 8.4.49 - [Release notes](https://github.com/postcss/postcss/releases) - [Changelog](https://github.com/postcss/postcss/blob/main/CHANGELOG.md) - [Commits](postcss/postcss@8.4.47...8.4.49) Updates `rollup` from 4.24.4 to 4.28.1 - [Release notes](https://github.com/rollup/rollup/releases) - [Changelog](https://github.com/rollup/rollup/blob/master/CHANGELOG.md) - [Commits](rollup/rollup@v4.24.4...v4.28.1) Updates `stylelint` from 16.10.0 to 16.11.0 - [Release notes](https://github.com/stylelint/stylelint/releases) - [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md) - [Commits](stylelint/stylelint@16.10.0...16.11.0) Updates `terser` from 5.36.0 to 5.37.0 - [Changelog](https://github.com/terser/terser/blob/master/CHANGELOG.md) - [Commits](terser/terser@v5.36.0...v5.37.0) --- updated-dependencies: - dependency-name: "@babel/cli" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: "@docsearch/js" dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: hugo-bin dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: postcss dependency-type: direct:development update-type: version-update:semver-patch dependency-group: development-dependencies - dependency-name: rollup dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: stylelint dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies - dependency-name: terser dependency-type: direct:development update-type: version-update:semver-minor dependency-group: development-dependencies ... Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> * Update devDependencies and regenerate package-lock.json * Move aria-label to wrapping links avoids unnecessary "link, graphic, blah" announcement in screen readers --------- Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: XhmikosR <xhmikosr@gmail.com> Co-authored-by: Louis-Maxime Piton <louismaxime.piton@orange.com> Co-authored-by: Julien Déramond <juderamond@gmail.com> Co-authored-by: Dmitry <dmitrysergienko2000@gmail.com> Co-authored-by: Dmitry Sergienko <dmitry.sergienko@codefirst.net> Co-authored-by: Christian Oliff <christianoliff@pm.me> Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk> Co-authored-by: Mohamad Salman <139472418+MohamadSalman11@users.noreply.github.com> Co-authored-by: Tobi <TobiGr@users.noreply.github.com> Co-authored-by: Patrick (Casus Belli) <pkroog@kroog.org> Co-authored-by: Patrick Kroog <pk@kroog.com> Co-authored-by: Vincent Prothais <vincent.prothais@orange.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
5 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
The navbar in Windows High Contrast mode becomes transparent, which makes everything behind it visible when you scroll. It was not challenging to solve it.
Before:
After:
Motivation & Context
This ensures a better user experience for users who use Windows High Contrast mode. Making the navbar and other elements visible and easy to use helps everyone navigate the site more effectively.
Type of changes
Checklist
npm run lint)Live previews
Related issues