External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-05-12 11:57:37 -02:30
Code Issues Packages Projects Releases Wiki 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
parent 47232d732f ac2357399a
commit 3126877918
3 changed files with 11 additions and 8 deletions
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 { .List-searchNoResults {
color: @default-interface-txt; color: @default-interface-txt;
margin-top: 20px;
} }
.List-noItems { .List-noItems {

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

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

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

@@ -16,7 +16,7 @@
</div> </div>
</div> </div>
<!-- tags --> <!-- tags -->
<div class="SmartSearch-tags"> <div class="SmartSearch-tags" ng-show="!(searchTags | isEmpty)">
<div class="SmartSearch-tagSection"> <div class="SmartSearch-tagSection">
<div class="SmartSearch-flexContainer"> <div class="SmartSearch-flexContainer">
<div class="SmartSearch-tagContainer" ng-repeat="tag in searchTags track by $index"> <div class="SmartSearch-tagContainer" ng-repeat="tag in searchTags track by $index">
@@ -27,7 +27,7 @@
<span class="SmartSearch-name">{{tag}}</span> <span class="SmartSearch-name">{{tag}}</span>
</div> </div>
</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> </div>
</div> </div>