com web/php: Improved visual styles for the dropdown search items.: js/common.js styles/theme.css
| From: | Levi Morrison | Date: | Thu, 24 May 2012 22:27:37 +0000 |
| Subject: | com web/php: Improved visual styles for the dropdown search items.: js/common.js styles/theme.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-13591@lists.php.net to get a copy of this message | ||
Commit: d6da00ef2872ed8bd334a4c9809fdf4e81d3eb3f
Author: Levi Morrison <levim@php.net> Thu, 24 May 2012 16:27:37 -0600
Parents: 719517cdf79a5efb5f219bccb410baf8c6aa1a8a
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=d6da00ef2872ed8bd334a4c9809fdf4e81d3eb3f
Log:
Improved visual styles for the dropdown search items.
Changed paths:
M js/common.js
M styles/theme.css
Diff:
diff --git a/js/common.js b/js/common.js
index bdadb27...9576f56 100644
--- a/js/common.js
+++ b/js/common.js
@@ -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>");
diff --git a/styles/theme.css b/styles/theme.css
index 8806ffa..0f57ec5 100755
--- a/styles/theme.css
+++ b/styles/theme.css
@@ -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;