Termin has sent me a suggestion for an admin menu that adapts to the available viewport width:
[ external image ]
IMO that is a sensible improvement, particularly wrt. responsive templates and the ability to be able to administrate a website from a mobile device. That is currently hard to accomplish, as the width of the admin menu is fixed to 750px.
The relevant CSS for core/css/core.css:
Code: Select all
/*
* Adminmenu
*/
#xh_adminmenu_scrolling {
z-index: 999;
}
#xh_adminmenu_fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
#xh_adminmenu {
background-color: #2E3436;
border-bottom: 1px solid #AAA;
font-size: 14px;
}
#xh_adminmenu ul {
font-family: arial,sans-serif;
font-style: normal;
height: 36px;
list-style-image: none;
list-style-type: none !important;
margin: 0;
padding: 0;
}
#xh_adminmenu li {
float: left;
list-style-type: none !important;
margin: 0;
position: relative;
text-align: center;
width: 125px;
}
#xh_adminmenu li a:hover,
#xh_adminmenu li:hover {
background-color: #3f4446;
}
#xh_adminmenu a,
#xh_adminmenu a:visited,
#xh_adminmenu span {
color: #D3D7CF;
display: inline-block;
line-height: 36px;
text-decoration: none;
}
#xh_adminmenu span {
cursor: default;
}
#xh_adminmenu ul ul {
left: 0;
list-style-type: none !important;
position: absolute;
visibility: hidden;
z-index: 9999;
}
#xh_adminmenu ul ul li {
background-color: #4F5456;
line-height: 26px;
}
#xh_adminmenu ul ul li a:hover {
background-color: #c50;
width:100%;
}
#xh_adminmenu li:hover > ul {
visibility: visible;
}
In a default installation with mini1 the admin menu seems to be too high, though; see http://cmsimpleforum.com/viewtopic.php?f=29&t=7462. But anyway, that is not related to the actual purpose of the improvement.
I have had not yet enough time to test the changes in different browsers with different templates, but according to Termin the menu works for IE 8+ as well as other browsers.
What do you think?
Christoph
PS:
It seems Termin's suggestion does not cater for the integrated plugin menu, but it shouldn't be too hard to adjust for that.
A welcome side-effect would be, that the widths of the menu items could be increased, what might be necessary for other languages. That has not been done so far, because the total width of 750px already might be the maximum available/desireable (consider devices/browser windows with a width of 800px and the vertical scrollbar).
PPS: [1] Termin has confirmed that these icons are made with a special font from http://fontello.com/. Something to also consider.