@import '../mixins';

.fancy-text-box-component {
  display: flex;
  align-items: center;
  border: var(--base-border);
  border-radius: var(--border-radius);

  .fancy-octicon {
    height: var(--text-field-height);
    padding: var(--spacing-half);
    border-right: none;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
  }

  &.focused {
    @include textboxish-focus-styles;
  }

  input {
    border-left: none;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    border: none;
    box-shadow: none;

    &:focus {
      box-shadow: none;
    }
  }
}

@import '../mixins';

.fancy-text-box-component {
  display: flex;
  align-items: center;
  border: var(--base-border);
  border-radius: var(--border-radius);

  .fancy-octicon {
    height: var(--text-field-height);
    padding: var(--spacing-half) 0 var(--spacing-half) 7px;
    border-right: none;
    border-radius: var(--border-radius) 0 0 var(--border-radius);
  }

  &.focused {
    @include textboxish-focus-styles;
  }

  input {
    border-left: none;
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    border: none;
    box-shadow: none;

    &:focus {
      box-shadow: none;
    }
  }
}

Tweak padding for fancy octicon
Tweak padding for fancy octicon
