diff options
| author | Julien Déramond <[email protected]> | 2022-05-06 04:26:15 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-05-05 19:26:15 -0700 |
| commit | 5d9500bdfdd02b3b1d91df2be86b1723f517fc52 (patch) | |
| tree | 74a29c6a0b05e22bb3efbc5520f19a3faa6ac6aa /scss | |
| parent | cca801683dfbc54dc7ae7a6ef6ce4361b071bc36 (diff) | |
| download | bootstrap-5d9500bdfdd02b3b1d91df2be86b1723f517fc52.tar.xz bootstrap-5d9500bdfdd02b3b1d91df2be86b1723f517fc52.zip | |
Handle disabled focused tabs with tab JavaScript plugin (#36169)
* Handle disabled tabs
* Fix after feedback
* Update js/src/tab.js
Co-authored-by: GeoSot <[email protected]>
* Update js/src/tab.js
Co-authored-by: GeoSot <[email protected]>
* Commit suggestions via GitHub broke the thing
* Add some unit tests
* Remove temp doc modification
* Add tests for left arrow
* Add disabled tabs in JavaScript Behavior section
* Compact 4 tests to 2 tests
* Compact 4 tests to 2 tests
* Add 'disabled' attribute for all buttons
* Change the disabled pane position only for the vertical version
* Change ids for the confusing first example in JavaScript behavior
* Use disabled attribute instead of the class for buttons in tabs
Co-authored-by: GeoSot <[email protected]>
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_nav.scss | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/scss/_nav.scss b/scss/_nav.scss index 21ee1b2b4..aa1468e94 100644 --- a/scss/_nav.scss +++ b/scss/_nav.scss @@ -74,7 +74,8 @@ border-color: var(--#{$prefix}nav-tabs-link-hover-border-color); } - &.disabled { + &.disabled, + &:disabled { color: var(--#{$prefix}nav-link-disabled-color); background-color: transparent; border-color: transparent; @@ -112,6 +113,12 @@ background: none; border: 0; @include border-radius(var(--#{$prefix}nav-pills-border-radius)); + + &:disabled { + color: var(--#{$prefix}nav-link-disabled-color); + background-color: transparent; + border-color: transparent; + } } .nav-link.active, |