php/archived-web-php
1
0
Fork 0
mirror of https://github.com/php/web-php.git synced 2026-03-24 07:12:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improved visual styles for the dropdown search items.

Browse Source
This commit is contained in:
Levi Morrison
2012-05-24 16:27:37 -06:00
parent 719517cdf7
commit d6da00ef28
2 changed files with 23 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/common.js
View File

@@ -117,7 +117,7 @@ $(document).ready(function() {
var n = $("<li></li>").data("item.autocomplete", item);
var cat = this._resolveIndexName(item.category);
if (item.desc) {
n.append("<a>" + item.label + " (" + cat + ")<br>" + item.desc + "</a>");
n.append("<a><span class='search-item-label'>" + item.label + " <span class='search-item-category'>(" + cat + ")</span></span><span class='search-item-description'>" + item.desc + "</span></a>");
}
else {
n.append("<a>" + item.label + " (" + cat + ") </a>");

31
styles/theme.css
View File

@@ -227,16 +227,10 @@ ul {
z-index: 99999;
border-color: #987db3;
background-color: white;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: 1px solid #f6f6f6;
box-shadow: 0px 2px 2px #555;
-webkit-box-shadow: 0px 2px 2px #555;
-moz-box-shadow: 0px 2px 2px #555;
-webkit-box-shadow: 0px .25em .5em rgba(0,0,0,.33);
-moz-box-shadow: 0px .25em .5em rgba(0,0,0,.33);
box-shadow: 0px .25em .5em rgba(0,0,0,.33);
}
.ui-autocomplete .ui-state-hover {
@@ -268,6 +262,25 @@ ul {
display: block;
padding: 2px 5px;
}
.ui-autocomplete a .search-item-description,
.ui-autocomplete a .search-item-label {
display:block;
}
.ui-autocomplete a .search-item-description {
color:#666;
}
.ui-autocomplete .ui-state-hover .search-item-description {
color:#ccc;
}
.ui-autocomplete a .search-item-label {
font-weight:bold;
}
.ui-autocomplete a .search-item-category {
font-weight:normal;
}
.ui-autocomplete-category {
font-weight: bold;