diff options
author | Julien Déramond <julien.deramond@orange.com> | 2022-05-06 05:26:15 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-05-06 05:26:15 +0300 |
commit | 5d9500bdfdd02b3b1d91df2be86b1723f517fc52 (patch) | |
tree | 74a29c6a0b05e22bb3efbc5520f19a3faa6ac6aa /scss/_nav.scss | |
parent | cca801683dfbc54dc7ae7a6ef6ce4361b071bc36 (diff) |
Handle disabled focused tabs with tab JavaScript plugin (#36169)
* Handle disabled tabs
* Fix after feedback
* Update js/src/tab.js
Co-authored-by: GeoSot <geo.sotis@gmail.com>
* Update js/src/tab.js
Co-authored-by: GeoSot <geo.sotis@gmail.com>
* 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 <geo.sotis@gmail.com>
Diffstat (limited to 'scss/_nav.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 21ee1b2b44..aa1468e944 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, |