'imgNullOnly' => $this->_images['null_only'],
'imgLeaf' => $this->_images['leaf'],
- 'floatDir' => (empty($GLOBALS['registry']->nlsconfig['rtl'][$GLOBALS['language']]) ? 'left' : 'right'),
-
'initTree' => $this->renderNodeDefinitions()
);
this.node_pos = [];
this.output = document.createDocumentFragment();
- if (!this.div_temp) {
- this.div_temp = new Element('DIV').setStyle({ cssFloat: this.opts.floatDir });
- }
-
this._buildHeader();
this.rootNodes.each(function(r) {
var div = new Element('DIV');
this.opts.header.each(function(h) {
- var tmp = this.div_temp.clone().insert(h.html ? h.html : ' ');
+ var tmp = new Element('DIV').insert(h.html ? h.html : ' ');
if (h['class']) {
tmp.addClassName(h['class']);
if (h.align) {
tmp.setStyle({ textAlign: h.align });
}
+
+ div.appendChild(tmp);
}, this);
this.output.appendChild(div);
// any given cell of content.
if (node.extra && node.extra[0]) {
node.extra[0].each(function(n) {
- div.insert(this._divWidth(this.div_temp.clone().update(n), column++));
+ div.insert(this._divWidth(new Element('DIV').update(n), column++));
}, this);
}
for (; column < this.opts.extraColsLeft; ++column) {
- div.insert(this._divWidth(this.div_temp.clone().update(' '), column));
+ div.insert(this._divWidth(new Element('DIV').update(' '), column));
}
- div.insert(this._divWidth(this.div_temp.clone(), column));
+ div.insert(this._divWidth(new Element('DIV'), column));
tmp = document.createDocumentFragment();
for (i = Number(this.renderStatic); i < node.indent; ++i) {
if (node.extra && node.extra[1]) {
node.extra[1].each(function(n) {
- div.insert(this._divWidth(this.div_temp.clone().update(n), column++));
+ div.insert(this._divWidth(new Element('DIV').update(n), column++));
}, this);
}
for (; column < this.opts.extraColsRight; ++column) {
- div.insert(this._divWidth(this.div_temp.clone().update(' '), column));
+ div.insert(this._divWidth(new Element('DIV').update(' '), column));
}
p.appendChild(div);
var HordeSidebar = {
// Variables set in services/sidebar.php:
- // domain, path, refresh, rtl, tree, url, width
+ // domain, path, refresh, tree, url, width
toggleSidebar: function()
{
setMargin: function(expanded)
{
- var margin = expanded
+ var hb = $('horde_body'),
+ margin = expanded
? this.width
: $('hiddenSidebar').down().getWidth();
- if (this.rtl) {
- $('horde_body').setStyle({ marginRight: margin + 'px' });
- } else {
- $('horde_body').setStyle({ marginLeft: margin + 'px' });
+ switch ($(document.body).getStyle('direction')) {
+ case 'ltr':
+ hb.setStyle({ marginLeft: margin + 'px' });
+ break;
+
+ case 'rtl':
+ hb.setStyle({ marginRight: margin + 'px' });
+ break;
}
},
'HordeSidebar.domain = ' . Horde_Serialize::serialize($conf['cookie']['domain'], Horde_Serialize::JSON, $charset),
'HordeSidebar.path = ' . Horde_Serialize::serialize($conf['cookie']['path'], Horde_Serialize::JSON, $charset),
'HordeSidebar.refresh = ' . intval($prefs->getValue('menu_refresh_time')),
- 'HordeSidebar.rtl = ' . $rtl,
'HordeSidebar.url = ' . Horde_Serialize::serialize(strval($ajax_url), Horde_Serialize::JSON, $charset),
'HordeSidebar.width = ' . $width
));
<div class="sidebar" style="width:<?php echo $prefs->getValue('sidebar_width') ?>px">
<div id="expandedSidebar"<?php if (!$show_sidebar): ?> style="display:none"<?php endif; ?>>
- <span id="expandButton" class="rightFloat"><?php echo Horde::img('hide_panel.png', null, array('title' => _("Collapse Sidebar"))) ?></span>
+ <span id="expandButton"><?php echo Horde::img('hide_panel.png', null, array('title' => _("Collapse Sidebar"))) ?></span>
<div id="sidebarPanel">
<?php $tree->renderTree() ?>
</div>
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 15px;
}
+#expandedSidebar #expandButton {
+ float: left;
+}
/* Tab styles. */
.tabset {
padding-right: 5px;
}
.treeRow {
- overflow: hidden;
- min-height: 20px;
clear: both;
+ min-height: 20px;
+ overflow: hidden;
}
.treeToggle {
cursor: pointer;
#expandedSidebar {
overflow: hidden;
}
+#expandedSidebar #expandButton {
+ float: right;
+}
#hiddenSidebar img {
padding-right: 2px;