fix collapse panel CSS (don't swallow long titles)
This commit is contained in:
parent
767a3133b7
commit
7ca27cf898
2 changed files with 10 additions and 3 deletions
|
@ -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;
|
||||
|
|
|
@ -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);
|
||||
|
||||
|
|
Loading…
Reference in a new issue