Auto-fold the admin menu with CSS, fixes #20642

git-svn-id: https://develop.svn.wordpress.org/trunk@20749 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Ozz
2012-05-09 03:56:40 +00:00
parent 36ec8ea7d0
commit a80f1997b8
5 changed files with 287 additions and 25 deletions

View File

@@ -1725,6 +1725,124 @@ body.no-js #adminmenu .wp-menu-toggle,
border-radius: 10px;
}
/* Auto-folding of the admin menu */
@media only screen and (max-width: 900px) {
#wpcontent,
#footer {
margin-left: 52px;
}
#adminmenuback,
#adminmenuwrap,
#adminmenu,
#adminmenu li.menu-top {
width: 32px;
}
#adminmenu .wp-has-current-submenu .wp-submenu {
display: none;
position: absolute;
width: 145px;
z-index: 999;
overflow: hidden;
}
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open {
display: block;
}
#adminmenu li .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu {
top: -5px;
left: 26px;
}
#adminmenu li.focused.wp-has-current-submenu .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open {
padding: 0 8px 8px 0;
}
#adminmenu div.wp-submenu-head {
display: block;
}
#adminmenu a.menu-top,
#adminmenu div.wp-menu-toggle {
display: none;
}
#adminmenu div.wp-menu-image {
width: 30px;
}
#adminmenu .wp-not-current-submenu li a {
padding-left: 12px;
}
#adminmenu li li {
margin-left: 0;
}
#adminmenu li li a {
padding-left: 0;
}
.wp-menu-arrow {
-moz-transform: translate( 33px );
-webkit-transform: translate( 33px );
-o-transform: translate( 33px );
-ms-transform: translate( 33px );
transform: translate( 33px );
}
#adminmenu li.menu-top:hover .wp-menu-arrow {
display: none;
}
#adminmenu li.current:hover .wp-menu-arrow,
#adminmenu li.menu-top.wp-menu-open:hover .wp-menu-arrow {
display: block;
z-index: 125;
}
#adminmenu li.menu-top {
border-width: 1px 0;
border-style: solid none;
}
#adminmenu .wp-submenu .wp-submenu-wrap {
margin-top: 3px;
}
#adminmenu .wp-has-current-submenu {
margin-bottom: 1px;
}
#adminmenu .wp-has-current-submenu.menu-top-last {
margin-bottom: 0;
}
#adminmenu .wp-has-current-submenu .wp-submenu-wrap {
margin-top: 4px;
}
#adminmenu .wp-submenu ul {
border-width: 0 0 0 1px;
border-style: solid;
}
#adminmenu .wp-submenu a {
padding-left: 10px;
}
#adminmenu a.wp-has-submenu {
margin-left: 40px;
}
#collapse-menu {
display: none;
}
}
/* List table styles */
.post-com-count-wrapper {
@@ -2084,6 +2202,10 @@ body.admin-bar {
9.0 - Dashboard
------------------------------------------------------------------------------*/
#dashboard-widgets-wrap {
margin: 0 -8px;
}
#wpbody-content .metabox-holder {
padding-top: 10px;
}