b-tabs is-disabled css rule influences the tab content

[s-nesbigall]

Overview of the problem

Buefy version: 0.7.4
Vuejs version: 2.6.10
OS/Browser: Google Chrome

Description

The tabs is-diabled css rule

.b-tabs .is-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
}

is not only applied to the tab nav item, but also to the content.
It therefore overwrites other is-disabled behaviour if disabled components are inside the tab (e.g. a disabled datepicker).

Steps to reproduce

<section>
  <b-tabs v-model="activeTab">
    <b-tab-item label="MyTab">
      <b-datepicker icon="calendar" disabled/>
    </b-tab-item>
  </b-tabs>
  <b-datepicker icon="calendar" disabled/>
</section>

Expected behavior

The datepicker inside the tab should also have e.g. a not-allowed cursor.
I would expect the CSS rule

.b-tabs .is-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
}

to only affect the tabs nav, not the complete tab-item content.
So the rule should maybe be:

.b-tabs .tabs .is-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
}

Actual behavior

The datepicker inside the tab has no not-allowed cursor, beacause it gets overwriten by

.b-tabs .is-disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: .5;
}