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

add wrapper for text input tags

Browse Source
This commit is contained in:
Jake McDermott
2019-03-05 16:35:32 -05:00
parent 5c855b5bd1
commit 1344706095
3 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -328,3 +328,9 @@
margin: 0; margin: 0;
} }
} }
.at-InputTagContainer {
display: flex;
width: 100%;
flex-wrap: wrap;
}

14
awx/ui/client/lib/components/input/text.partial.html
View File

@@ -11,12 +11,14 @@
</button> </button>
</span> </span>
<span ng-if="state.asTag" class="form-control at-Input"> <span ng-if="state.asTag" class="form-control at-Input">
<at-tag <div class="at-InputTagContainer">
ng-show="state._value" <at-tag
icon="external" ng-show="state._value"
tag="state._value" icon="external"
remove-tag="state._onRemoveTag(state)" tag="state._value"
/> remove-tag="state._onRemoveTag(state)"
/>
</div>
</span> </span>
<input ng-if="!state.asTag" type="text" class="form-control at-Input" <input ng-if="!state.asTag" type="text" class="form-control at-Input"
ng-class="{ 'at-Input--rejected': state._rejected }" ng-class="{ 'at-Input--rejected': state._rejected }"

1
awx/ui/client/lib/components/tag/_index.less
View File

@@ -8,6 +8,7 @@
flex-direction: row; flex-direction: row;
align-content: center; align-content: center;
min-height: @at-space-4x; min-height: @at-space-4x;
max-height: @at-space-4x;
overflow: hidden; overflow: hidden;
max-width: 200px; max-width: 200px;
margin: @at-space 0; margin: @at-space 0;