@import "../../mixins.scss";

.status-details {
  overflow: auto;
  margin-bottom: 7px;
  @include status-border();
  @include status-bg-light();
  &__expanded > &__content > &__trace {
    display: block;
  }
  &__expanded > &__content {
    display: inline-block;
  }
  &__message {
    padding: $gap-size;
  }
  &__trace {
    float: left;
    display: none;
    padding: $gap-size;
    white-space: pre;
    border-top: 1px solid $pane-bg-color;
  }
  &__content {
    display: block;
  }
  &__trace-toggle {
    &:hover {
      background-color: $hover-color;
    }
  }
}