azure-devops-ui/Components/EditableDropdown/EditableDropdown.css

React components for building web UI in Azure DevOps

.bolt-editable-dropdown-with-selection .bolt-textfield-input::placeholder {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}
.bolt-editable-dropdown-with-selection .bolt-textfield-input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}
.bolt-editable-dropdown-with-selection .bolt-textfield-input::-moz-placeholder {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  opacity: 1;
}
.bolt-editable-dropdown-with-selection .bolt-textfield-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.bolt-editable-dropdown-focused-item {
  border: none !important;
  animation: focus-shadow-pulse-inset 4s ease-in-out infinite;
}
@media (forced-colors: active) {
  .bolt-editable-dropdown-focused-item {
    animation: none;
  }
}
.bolt-editable-dropdown-focused-item {
  box-shadow: inset 0 0 0 3px rgba(0, 120, 212, 0.23), inset 0 0 0 1px rgba(0, 120, 212, 1);
  box-shadow: inset 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), inset 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1));
  border-color: rgba(0, 120, 212, 1) !important;
  border-color: var(--communication-background,rgba(0, 120, 212, 1)) !important;
}
@media (forced-colors: active) {
  .bolt-editable-dropdown-focused-item {
    background: Highlight;
  }
}
body.ms-vss-web-vsts-theme-hc-dark .bolt-editable-dropdown-focused-item {
  background: Highlight;
  color: HighlightText;
}
body.ms-vss-web-vsts-theme-hc-light .bolt-editable-dropdown-focused-item {
  background: Highlight;
  color: HighlightText;
}

.bolt-list-row.selected .bolt-editable-dropdown-focused-item {
  animation: focus-shadow-pulse-inset 4s ease-in-out infinite;
}
@media (forced-colors: active) {
  .bolt-list-row.selected .bolt-editable-dropdown-focused-item {
    animation: none;
  }
}
.bolt-list-row.selected .bolt-editable-dropdown-focused-item {
  box-shadow: inset 0 0 0 3px rgba(0, 120, 212, 0.23), inset 0 0 0 1px rgba(0, 120, 212, 1);
  box-shadow: inset 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.23)), inset 0 0 0 1px var(--focus-border-color,rgba(0, 120, 212, 1));
  border-color: rgba(0, 120, 212, 1) !important;
  border-color: var(--communication-background,rgba(0, 120, 212, 1)) !important;
}
@media (forced-colors: active) {
  .bolt-list-row.selected .bolt-editable-dropdown-focused-item {
    background: Highlight;
  }
}

.bolt-dropdown-expandable-text-field.bolt-editable-dropdown:not(.disabled) .bolt-dropdown-expandable-textfield-input {
  cursor: text;
}

/*# sourceMappingURL=EditableDropdown.css.map */