diff --git a/scss/_tabs.scss b/scss/_tabs.scss index ffa22f039c..51d88f3efc 100644 --- a/scss/_tabs.scss +++ b/scss/_tabs.scss @@ -227,3 +227,10 @@ position: relative; } } + +.tab-item.disabled, +.tab-item[disabled] { + opacity: .4; + cursor: default !important; + pointer-events: none; +} diff --git a/test/css/tab-bars-icons-bottom.html b/test/css/tab-bars-icons-bottom.html index 7c81f4dfc6..3db974548d 100644 --- a/test/css/tab-bars-icons-bottom.html +++ b/test/css/tab-bars-icons-bottom.html @@ -48,6 +48,14 @@ Clean + + Disabled + + + + Inactive + + diff --git a/test/css/tab-bars-icons-left.html b/test/css/tab-bars-icons-left.html index dfd8424297..7601dc486b 100644 --- a/test/css/tab-bars-icons-left.html +++ b/test/css/tab-bars-icons-left.html @@ -48,6 +48,14 @@ Clean + + + Disabled + + + + Inactive + diff --git a/test/css/tab-bars-icons-right.html b/test/css/tab-bars-icons-right.html index 93b7cc9f20..3c557c0a7a 100644 --- a/test/css/tab-bars-icons-right.html +++ b/test/css/tab-bars-icons-right.html @@ -48,6 +48,14 @@ Clean + + Disabled + + + + Inactive + + diff --git a/test/css/tab-bars-no-icons.html b/test/css/tab-bars-no-icons.html index 808d01f2de..62a92bd7f5 100644 --- a/test/css/tab-bars-no-icons.html +++ b/test/css/tab-bars-no-icons.html @@ -43,6 +43,12 @@ Clean + + Disabled + + + Inactive + diff --git a/test/css/tab-bars-only-icons.html b/test/css/tab-bars-only-icons.html index 115642a99f..8a4877d024 100644 --- a/test/css/tab-bars-only-icons.html +++ b/test/css/tab-bars-only-icons.html @@ -43,6 +43,12 @@ + + + + + + diff --git a/test/css/tab-bars.html b/test/css/tab-bars.html index d4411f5421..f3e3ab4b8b 100644 --- a/test/css/tab-bars.html +++ b/test/css/tab-bars.html @@ -48,6 +48,14 @@ Clean + + + Disabled + + + + Inactive +