I have been playing around with a StyleSheetExtension, to modify the CSS
which controls the "look and feel" of the (rightside) panels.
I am allmost there, but I am facing some 'problems'.
1) I want the panel to be "on-top" of all, but there are items (for example
the activity stream) which are displayed in front of my panels. I have tried
to use the z-index (as can be seen in the CSS), but to no avail.
2) I would like to show an image/icon/FontAwesome in the header of the
panel, but I can't get that to work.
Here's the content of my StyleSheetExtension:
.panel
{
width: 380px;
display: block;
z-index: 9999;
}
.collapsed h1.xwikipaneltitle
{
width: 40px;
height: 40px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 340px;
margin-right: 0px;
display: block;
float: right;
}
#rightPanels
{
width: 380px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: -380px;
float: right;
z-index: 9999;
}
#rightPanels .panel, #editPanels .panel
{
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
z-index: 9999;
}
#body.hideleft #contentcolumn .main {
margin: 0 60px 0 0;
}
--
View this message in context:
http://xwiki.475771.n2.nabble.com/Collapsable-Sidemenu-Panels-tp7587450p758…
Sent from the XWiki- Users mailing list archive at
Nabble.com.