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

Styling overhaul for the list view search bar

Browse Source
This commit is contained in:
Michael Abashian
2016-01-14 17:19:53 -05:00
parent 31d9438fdf
commit 2fbc50093f
4 changed files with 105 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -183,3 +183,51 @@ table, tbody {
background-color: @btn-bg-hov;
color: @btn-txt;
}
.List-searchDropdown {
border-top-left-radius: 5px!important;
border-bottom-left-radius: 5px!important;
}
.List-searchInput {
background-color: @list-srch-inpt-bg!important;
font-size: 14px!important;
color: @list-srch-inpt-txt!important;
border-color: @list-srch-inpt-bord!important;
border-radius: 5px!important;
padding-left: 15px!important;
}
.List-searchInput:placeholder-shown {
color: @list-srch-inpt-ph-txt!important;
text-transform: uppercase;
}
.List-searchInput:focus {
border-color: @list-srch-inpt-focus!important;
}
.List-searchInputIcon {
height: 32px;
width: 32px;
border-left: 1px solid @list-srch-inpt-bord;
color: #B7B7B7;
float: right;
position: relative;
top: -33px;
left: -1px;
z-index: 10;
font-size: 16px;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.List-searchInputIcon:hover {
cursor: pointer;
background-color: #FAFAFA;
color: #B7B7B7;
}