shaba/awx
1
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2024-11-02 01:21:21 +03:00
Code Releases Activity

fix layout of search dropdowns

Browse Source
This commit is contained in:
John Mitchell 2016-06-01 14:11:19 -04:00
parent 763416725c
commit c5c65adc09
3 changed files with 29 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
awx/ui/client/legacy-styles/ansible-ui.less
View File

@ -2242,3 +2242,7 @@ a:hover {
#scheduled-jobs-tab .List-header {
display: none;
}
.ui-widget {
font-family: 'Open Sans';
}

12
awx/ui/client/src/search/tagSearch.block.less
View File

@ -29,9 +29,9 @@
display: flex;
white-space: nowrap;
align-items: center;
max-height: 400px;
cursor: pointer;
text-transform: uppercase;
position: relative;
}
.TagSearch-typeDropdown.is-open {
@ -49,7 +49,7 @@
.TagSearch-dropdownContainer {
position: absolute;
left: 15px;
left: -1px;
top: 34px;
font-size: 14px;
border-radius: 5px;
@ -65,13 +65,12 @@
}
.TagSearch-dropdownContainer--searchTypes {
min-width: 96px;
min-width: ~"calc(100% + 1px)";
}
.TagSearch-dropdownContainer--typeOptions {
right: 15px;
left: initial;
width: ~"calc(100% - 123px)";
right: -1px;
left: -1px;
}
.TagSearch-dropdownItem {
@ -97,6 +96,7 @@
border-bottom-right-radius: 5px;
display: flex;
background-color: @default-bg;
position: relative;
}
.TagSearch-searchTermContainer.is-open {

38
awx/ui/client/src/search/tagSearch.partial.html
View File

@ -10,15 +10,15 @@
</span>
<i class="TagSearch-selectDownIcon fa fa-angle-down"
ng-hide="searchTypes.length === 1"></i>
</div>
<div aw-click-off="showTypeDropdown" class="TagSearch-dropdownContainer
TagSearch-dropdownContainer--searchTypes"
ng-show="showTypeDropdown">
<div class="TagSearch-dropdownItem"
ng-repeat="type in searchTypes track by $index"
ng-class="{'is-selected': (currentSearchType.id === type.id)}"
ng-click="setSearchType(type)">
{{ type.label }}
<div aw-click-off="showTypeDropdown" class="TagSearch-dropdownContainer
TagSearch-dropdownContainer--searchTypes"
ng-show="showTypeDropdown">
<div class="TagSearch-dropdownItem"
ng-repeat="type in searchTypes track by $index"
ng-class="{'is-selected': (currentSearchType.id === type.id)}"
ng-click="setSearchType(type)">
{{ type.label }}
</div>
</div>
</div>
<div class="TagSearch-searchTermContainer"
@ -43,16 +43,16 @@
<i class="TagSearch-selectDownIcon
fa fa-angle-down">
</i>
</div>
<div aw-click-off="showCurrentSearchDropdown"
class="TagSearch-dropdownContainer
TagSearch-dropdownContainer--typeOptions"
ng-show="showCurrentSearchDropdown &&
currentSearchType.type === 'select'">
<div class="TagSearch-dropdownItem"
ng-repeat="type in currentSearchType.typeOptions track by $index"
ng-click="addTag(type)">
{{ type.label }}
<div aw-click-off="showCurrentSearchDropdown"
class="TagSearch-dropdownContainer
TagSearch-dropdownContainer--typeOptions"
ng-show="showCurrentSearchDropdown &&
currentSearchType.type === 'select'">
<div class="TagSearch-dropdownItem"
ng-repeat="type in currentSearchType.typeOptions track by $index"
ng-click="addTag(type)">
{{ type.label }}
</div>
</div>
</div>
</div>