dev/scss/header/searchbar.scss

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


/**
 * Search field
 */
#q-field {
  display:       block;
  margin-bottom: 3px;
  width:         100%;
  margin:        0;

  &::-webkit-search-cancel-button {
    display: none;
  }

  &.loading {
    background: {
      color: $light-orange;
      image: none;
    }
  }
}


#searchbar {
  position:      relative;
  width:         100%;
  padding:       0;
  padding-right: $right-distance + $button-width;

  button[type=submit] {
    position: absolute;
    padding:  0;
    right:    $right-distance;

    &:not(.loading)::after {
      content: $fa-search;
    }
  }
}

.query.panel {
  padding-right: $right-distance + $button-width;
}

// Specify result button group layout

.query.button-group.button-panel {
  display:        block;
  width:          auto;
  text-align:     right;
  vertical-align: top;
  line-height:    1.3em;

  > span {
    box-shadow: none;
  }
}