External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-16 05:47:38 -02:30
Code Issues Packages Projects Releases Wiki Activity

Fix input lookup button height

Browse Source
This commit is contained in:
Marliana Lara
2018-06-12 14:40:44 -04:00
parent a92c2a2e17
commit acb1336721
4 changed files with 43 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
awx/ui/client/lib/components/input/_index.less
View File

@@ -221,6 +221,32 @@
padding: 6px @at-padding-input 0 @at-padding-input;
}
.at-InputLookup {
display: flex;
.at-InputLookup-button {
.at-mixin-InputButton();
border-radius: @at-border-radius 0 0 @at-border-radius;
border-right: none;
flex: 0 0 35px;
height: auto;
min-height: 30px
}
.at-InputLookup-tagContainer {
.at-mixin-Border;
display: flex;
flex-flow: row wrap;
padding: 0 10px;
width: 100%;
}
.at-InputLookup-button + .at-Input,
.at-InputLookup-tagContainer {
border-radius: 0 @at-border-radius @at-border-radius 0;
}
}
.at-InputSlider {
display: flex;
padding: 5px 0;

16
awx/ui/client/lib/components/input/lookup.partial.html
View File

@@ -2,14 +2,12 @@
<div class="form-group at-u-flat">
<at-input-label></at-input-label>
<div class="input-group">
<span class="input-group-btn">
<button class="btn at-ButtonHollow--default at-Input-button"
ng-disabled="state._disabled || form.disabled"
ng-click="vm.lookup()">
<i class="fa fa-search"></i>
</button>
</span>
<div class="at-InputLookup">
<button class="at-InputLookup-button"
ng-disabled="state._disabled || form.disabled"
ng-click="vm.lookup()">
<i class="fa fa-search"></i>
</button>
<input type="text"
class="form-control at-Input"
ng-class="{ 'at-Input--rejected': state._rejected }"
@@ -20,7 +18,7 @@
ng-hide="state._lookupTags"
ng-disabled="state._disabled || form.disabled">
<span class="form-control Form-textInput Form-textInput--variableHeight LabelList-lookupTags"
<span class="at-InputLookup-tagContainer LabelList-lookupTags"
ng-if="state._lookupTags"
ng-disabled="state._disabled || form.disabled">
<div class="LabelList-tagContainer" ng-repeat="tag in state._value track by $index">