fix collapse panel CSS (don't swallow long titles)

This commit is contained in:
rolux 2014-05-24 16:30:49 +02:00
parent 767a3133b7
commit 7ca27cf898
2 changed files with 10 additions and 3 deletions

View file

@ -2031,9 +2031,12 @@ Panels
margin: 0 0 0 0;
}
.OxCollapsePanel > .OxBar > .OxTitle {
float: left;
margin: 1px 0 0 0;
position: absolute;
margin: 1px 2px 0 2px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.OxCollapsePanel > .OxBar > .OxExtras {
float: left;

View file

@ -87,7 +87,7 @@ Ox.CollapsePanel = function(options, self) {
if (self.extras[0].length) {
self.$extras[0] = Ox.Element()
.addClass('OxExtras')
.css({width: self.extras[0].length * 16 + 2 + 'px'})
.css({width: self.extras[0].length * 16 + 'px'})
.appendTo(self.$titlebar);
self.extras[0].forEach(function($extra) {
$extra.appendTo(self.$extras[0]);
@ -96,6 +96,10 @@ Ox.CollapsePanel = function(options, self) {
self.$title = Ox.Element()
.addClass('OxTitle')
.css({
left: 16 + self.extras[0].length * 16 + 'px',
right: self.extras[1].length * 16 + 'px'
})
.html(self.options.title)
.appendTo(self.$titlebar);