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

Merge pull request #7074 from mabashian/search-ux

Browse Source 
Search ux styling fixes
This commit is contained in:
Michael Abashian 2017-07-14 13:56:45 -04:00 committed by GitHub
commit 3126877918
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
awx/ui/client/legacy-styles/lists.less
View File

@ -334,6 +334,7 @@ table, tbody {
.List-searchNoResults {
color: @default-interface-txt;
margin-top: 20px;
}
.List-noItems {

14
awx/ui/client/src/shared/smart-search/smart-search.block.less
View File

@ -85,13 +85,13 @@
.SmartSearch-tagContainer {
display: flex;
max-width: 100%;
margin-bottom: 10px;
margin-top: 10px;
}
.SmartSearch-tag {
border-radius: 5px;
padding: 2px 10px;
margin: 4px 0px;
margin: 0px;
font-size: 12px;
color: @default-interface-txt;
background-color: @default-bg;
@ -100,6 +100,7 @@
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
height: 20px;
}
.SmartSearch-tag--deletable {
@ -120,10 +121,11 @@
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
padding: 0 5px;
margin: 4px 0px;
margin: 0px;
align-items: center;
display: flex;
cursor: pointer;
height: 20px;
}
.SmartSearch-tagDelete {
@ -149,8 +151,8 @@
color: @default-bg;
}
.SmartSearch-clearAll{
font-size: 12px;
padding-top: 5px;
font-size: 10px;
padding-top: 14px;
}
.SmartSearch-keyToggle {
margin-right: auto;
@ -182,7 +184,7 @@
.SmartSearch-keyPane {
max-height: 215px;
overflow: auto;
margin: 10px 0 0 0;
margin: 20px 0 0 0;
font-size: 12px;
width: 100%;
padding: 15px;

4
awx/ui/client/src/shared/smart-search/smart-search.partial.html
View File

@ -16,7 +16,7 @@
</div>
</div>
<!-- tags -->
<div class="SmartSearch-tags">
<div class="SmartSearch-tags" ng-show="!(searchTags | isEmpty)">
<div class="SmartSearch-tagSection">
<div class="SmartSearch-flexContainer">
<div class="SmartSearch-tagContainer" ng-repeat="tag in searchTags track by $index">
@ -27,7 +27,7 @@
<span class="SmartSearch-name">{{tag}}</span>
</div>
</div>
<a href class="SmartSearch-clearAll" ng-click="clearAllTerms()" ng-show="!(searchTags | isEmpty)" translate>CLEAR ALL</a>
<a href class="SmartSearch-clearAll" ng-click="clearAllTerms()" translate>CLEAR ALL</a>
</div>
</div>
</div>