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

Ox.Dialog rewrite

Browse source
This commit is contained in:
rolux 2011-08-15 14:18:14 +02:00
commit e063626bdc
10 changed files with 762 additions and 513 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -296,6 +296,130 @@ Dialog
cursor: se-resize;
}
.OxWindow {
position: absolute;
border-radius: 8px;
z-index: 11;
}
.OxWindow > .OxTitlebar {
position: absolute;
height: 24px;
text-align: center;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.OxWindow > .OxTitlebar > .OxButton {
position: absolute;
}
.OxWindow > .OxTitlebar > .OxTitle {
margin-top: 3px;
font-size: 13px;
font-weight: bold;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.OxWindow > .OxContent {
position: absolute;
left: 0;
top: 24px;
right: 0;
overflow: auto;
}
.OxWindow > .OxButtonsbar {
position: absolute;
bottom: 0;
height: 24px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
cursor: move;
}
.OxWindow > .OxButtonsbar > .OxButtonsLeft {
margin-left: 4px;
float: left;
}
.OxWindow > .OxButtonsbar > .OxButtonsRight {
margin-right: 4px;
float: right;
}
.OxWindow > .OxButtonsbar .OxButton {
margin: 4px 2px 4px 2px;
}
.OxWindow > .OxResize {
position: absolute;
}
.OxWindow > .OxResizeTopLeft {
left: -2px;
top: -2px;
width: 10px;
height: 10px;
cursor: nwse-resize;
}
.OxWindow > .OxResizeTop {
left: 8px;
top: -2px;
right: 8px;
height: 5px;
cursor: ns-resize;
}
.OxWindow > .OxResizeTopRight {
right: -2px;
top: -2px;
width: 10px;
height: 10px;
cursor: nesw-resize;
}
.OxWindow > .OxResizeLeft {
left: -2px;
top: 8px;
width: 5px;
bottom: 8px;
cursor: ew-resize;
}
.OxWindow > .OxResizeRight {
right: -2px;
top: 8px;
width: 5px;
bottom: 8px;
cursor: ew-resize;
}
.OxWindow > .OxResizeBottomLeft {
left: -2px;
bottom: -2px;
width: 10px;
height: 10px;
cursor: nesw-resize;
}
.OxWindow > .OxResizeBottom {
left: 8px;
bottom: -2px;
right: 8px;
height: 5px;
cursor: ns-resize;
}
.OxWindow > .OxResizeBottomRight {
right: -2px;
bottom: -2px;
width: 10px;
height: 10px;
cursor: nwse-resize;
}
.OxDialogBox {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
/*
================================================================================
Document