vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-06-28 14:20:15 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Menu customizer: More clearly separate search results from available items.

Browse Source 
Available items now fade from view while you're searching, and there is an explicit way to clear search results. No results gives a better message, though still brief this time around.

props valendesigns, designsimply, DH-Shredder, helen.
fixes #32710.


git-svn-id: https://develop.svn.wordpress.org/trunk@33511 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi
2015-07-29 23:39:54 +00:00
parent 63395e7652
commit 3fd1376418
5 changed files with 103 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
src/wp-admin/css/customize-nav-menus.css
View File

@@ -590,7 +590,8 @@
bottom: 0;
left: -301px;
visibility: hidden;
overflow: hidden;
overflow-x: hidden;
overflow-y: auto;
width: 300px;
margin: 0;
z-index: 4;
@@ -600,8 +601,13 @@
border-right: 1px solid #ddd;
}
#available-menu-items.allow-scroll {
overflow-y: auto;
#available-menu-items.opening {
overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
}
#available-menu-items #available-menu-items-search.open {
height: 100%;
border-bottom: none;
}
#available-menu-items .accordion-section-title {
@@ -610,7 +616,8 @@
background: #fff;
}
#available-menu-items .open .accordion-section-title {
#available-menu-items .open .accordion-section-title,
#available-menu-items #available-menu-items-search .accordion-section-title {
background: #eee;
}
@@ -702,6 +709,15 @@ button.not-a-button {
max-height: 290px;
}
#available-menu-items #available-menu-items-search .accordion-section-content {
position: absolute;
left: 1px;
top: 60px; /* below title div / search input */
bottom: 0px; /* 100% height that still triggers lazy load */
max-height: none;
width: 270px;
}
#available-menu-items .menu-item-tpl {
margin: 0;
}
@@ -802,6 +818,43 @@ button.not-a-button {
margin: 0 20px;
}
#available-menu-items-search .clear-results {
position: absolute;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
cursor: pointer;
color: #a00;
text-decoration: none;
}
#available-menu-items-search .clear-results,
#available-menu-items-search.loading .clear-results.is-visible {
display: none;
}
#available-menu-items-search .clear-results.is-visible {
display: block;
}
#available-menu-items-search .clear-results:before {
content: "\f335";
font: normal 20px/1 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#available-menu-items-search .clear-results:hover,
#available-menu-items-search .clear-results:focus {
color: #f00;
}
#available-menu-items-search .clear-results:focus {
-webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
}
#available-menu-items-search .spinner {
position: absolute;
top: 20px;