dev/scss/main/resultinfo.scss

@charset "utf-8";
@import "../util";


#resultinfo {
  clear: both;
  text-align: right;
  line-height: 1.5em;
  min-height: 1.5em;
  margin-top:.4em;
  font-size: 10pt;
  p.found {
    display: inline;
    padding: 0;
    margin: 0;
    text-align: right;
  }
}

div.result.panel .view {
  border: 1px solid $kwic-border;
  background-color: $dark-orange;
}

// Specify result button group layout
.result.button-group.button-panel {
  width: auto;
  vertical-align: bottom;
  display: inline-block;
  line-height: 1.3em;

  > span {
    line-height: 1.3em;
    border-width: $result-border-size 0;
    &:first-child {
      border-left-width: $result-border-size;
    }
    &:last-child {
      border-right-width: $result-border-size;
    }
  }

  // Define icons for result buttons
  .button-icon {
    &.align.left::after {
      content: $fa-left-align;
    }
    &.align.right::after {
      content: $fa-right-align;
    }
    &.align.center::after {
      content: $fa-center-align;
    }
    &.show-kq::after {
      content: $fa-code;
    }
  }
}

/*
 * TODO:
 *   This rule should not be dependent on
 *   whether something is found or not,
 *   but whether #search contains a result,
 *   e.g. when a result view is open in the
 *   result panel. This should probably be
 *   indicated by a class on the button group
 *   rather than a class on the resultinfo.
 */
#resultinfo.found {
  position: relative;
  // z-index: 20;
  margin-bottom: 0px;

  .button-group > span {
    margin-bottom: 0;
    border-bottom-width: 0;
    box-shadow: none;
    &:first-child {
      border-bottom-left-radius: 0;
    }
    &:last-child {
      border-bottom-right-radius: 0;
    }   
  }
}



#total-results {
  color: $total-results;
  font-weight: bold;
}

.no-results {
  margin: 0 auto;
  text-align: center;
  code {
    font-weight: bold;
  }
}