@pnp/spfx-controls-react/lib-commonjs/controls/modernTaxonomyPicker/taxonomyTree/TaxonomyTree.module.scss.css

Reusable React controls for SharePoint Framework solutions

/*
  Your use of the content in the files referenced here is subject to the terms of the license at http://aka.ms/fabric-assets-license
*/
.choiceOption {
  color: "[theme: bodyText, default: #323130]";
  display: inline-block;
  padding-inline-start: 26px;
}

.disabledChoiceOption {
  color: "[theme: disabledBodyText, default: #323130]";
  display: inline-block;
  padding-inline-start: 26px;
}

.selectedChoiceOption {
  font-weight: bold;
}

.checkbox {
  color: "[theme: bodyText, default: #323130]";
  margin-inline-start: 4px;
}

.disabledCheckbox {
  color: "[theme: disabledBodyText, default: #323130]";
  margin-inline-start: 4px;
}

.selectedCheckbox {
  font-weight: bold;
}

.spinnerContainer {
  height: 48px;
  line-height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loadMoreContainer {
  height: 48px;
  line-height: 48px;
}

.taxonomyItemFocusZone {
  display: flex;
  align-items: center;
  width: 100%;
}

.taxonomyItemHeader {
  width: 100%;
}

.taxonomyItemHeader .actionButtonContainer > * {
  opacity: 0;
}

.taxonomyItemHeader:hover .actionButtonContainer > *, .taxonomyItemHeader:focus .actionButtonContainer > *, .taxonomyItemHeader .actionButtonContainer:focus-within > * {
  opacity: 1;
}

.taxonomyItemIcon {
  margin-inline-start: 8px;
  margin-inline-end: 8px;
}