sanj/oxjs
1
0
Fork 0
forked from 0x2620/oxjs
Code Pull requests Activity

simpler text list column head elements, better column drag

Browse source
This commit is contained in:
rlx 2011-09-09 10:41:13 +00:00
commit 0ba258281f
12 changed files with 461 additions and 330 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1105,25 +1105,23 @@ Lists
//-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
//-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
.OxTextList .OxBar .OxHead {
.OxTextList .OxHead {
position: absolute;
left: 0;
height: 16px;
overflow: hidden;
white-space: nowrap;
}
.OxTextList .OxBar .OxCell {
.OxTextList .OxHead .OxHeadCell {
float: left;
padding: 2px 4px 2px 4px;
height: 12px;
}
.OxTextList .OxBar .OxCell:nthChild(1) {
margin-left: 0;
.OxTextList .OxHead .OxHeadCell:first-child {
padding-left: 2px;
}
.OxTextList .OxBar .OxTitle {
.OxTextList .OxHead .OxTitle {
float: left;
height: 15px;
padding: 1px 2px 0 2px;
height: 14px;
padding: 2px 2px 0 2px;
font-weight: bold;
font-size: 10px;
text-overflow: ellipsis;
@ -1131,47 +1129,34 @@ Lists
overflow: hidden;
white-space: nowrap;
}
.OxTextList .OxBar .OxTitle img {
width: 16px;
height: 16px;
margin: -1px 0 0 -4px;
}
.OxTextList .OxBar .OxTitle:first-child {
padding-left: 4px;
}
.OxTextList .OxBar .OxOrder {
float: left;
.OxTextList .OxHead .OxTitle img {
width: 10px;
height: 13px;
padding: 3px 0 0 6px;
font-size: 7px;
height: 10px;
margin: 1px 0 0 -1px;
}
.OxTextList .OxHead .OxOrder {
float: left;
display: none;
}
.OxTextList .OxBar .OxOrder.OxSelected {
.OxTextList .OxHead .OxHeadCell.OxSelected .OxOrder {
//cursor: pointer;
display: block;
}
.OxTextList .OxBar .OxResize {
.OxTextList .OxHead .OxResize {
float: left;
width: 5px;
height: 16px;
}
.OxTextList .OxBar .OxResize.OxResizable {
.OxTextList .OxHead .OxResize.OxResizable {
cursor: ew-resize;
}
.OxTextList .OxBar .OxResize .OxLeft,
.OxTextList .OxBar .OxResize .OxCenter,
.OxTextList .OxBar .OxResize .OxRight {
.OxTextList .OxHead .OxResize div {
float: left;
width: 2px;
height: 16px;
}
.OxTextList .OxBar .OxResize .OxLeft,
.OxTextList .OxBar .OxResize .OxRight {
width: 2px;
}
.OxTextList .OxBar .OxResize .OxCenter {
.OxTextList .OxHead .OxResize div.OxCenter {
width: 1px;
background: rgb(24, 24, 24);
}
.OxTextList .OxBar .OxSelect {
position: absolute;