Merge pull request #1364 from atmire/search-scope-small-fixes

Fixes to scope select in search
This commit is contained in:
Tim Donohue
2021-10-19 14:12:12 -05:00
committed by GitHub
4 changed files with 4 additions and 4 deletions

View File

@@ -52,7 +52,7 @@
[searchPlaceholder]="'search.search-form.placeholder' | translate"> [searchPlaceholder]="'search.search-form.placeholder' | translate">
</ds-search-form> </ds-search-form>
<div class="row mb-3 mb-md-1"> <div class="row mb-3 mb-md-1">
<div class="labels col-sm-9 offset-sm-3"> <div class="labels col-sm-9">
<ds-search-labels *ngIf="searchEnabled" [inPlaceSearch]="inPlaceSearch"></ds-search-labels> <ds-search-labels *ngIf="searchEnabled" [inPlaceSearch]="inPlaceSearch"></ds-search-labels>
</div> </div>
</div> </div>

View File

@@ -5,5 +5,5 @@
} }
.scope-button { .scope-button {
max-width: $search-form-scope-max-width; max-width: var(--ds-search-form-scope-max-width);
} }

View File

@@ -82,4 +82,6 @@
--ds-slider-color: #{$green}; --ds-slider-color: #{$green};
--ds-slider-handle-width: 18px; --ds-slider-handle-width: 18px;
--ds-search-form-scope-max-width: 150px;
} }

View File

@@ -3,5 +3,3 @@
@import '_bootstrap_variables.scss'; @import '_bootstrap_variables.scss';
@import '../../node_modules/bootstrap/scss/variables.scss'; @import '../../node_modules/bootstrap/scss/variables.scss';
$search-form-scope-max-width: 150px;