0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

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

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
source/Ox.UI/css/Ox.UI.css
View file

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

6
source/Ox.UI/js/Panel/CollapsePanel.js
View file

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