fix OxText class in CSS
This commit is contained in:
parent
feef0a2568
commit
b0e5e906f5
7 changed files with 93 additions and 82 deletions
|
@ -254,6 +254,49 @@ Dialog
|
|||
cursor: se-resize;
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Document
|
||||
================================================================================
|
||||
*/
|
||||
|
||||
.OxDocument {
|
||||
padding: 8px;
|
||||
-moz-user-select: text;
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
.OxDocument div {
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
//font-size: 12px;
|
||||
line-height: 15px;
|
||||
-moz-user-select: text;
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
.OxDocument code {
|
||||
font-family: Menlo, Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Consolas, Lucida Console;
|
||||
}
|
||||
.OxDocument h1 {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.OxDocument table {
|
||||
border-spacing: 0;
|
||||
//border: 1px solid red;
|
||||
}
|
||||
.OxDocument td {
|
||||
padding: 0 4px 0 4px;
|
||||
//border: 1px solid rgb(128, 128, 128);
|
||||
vertical-align: top;
|
||||
}
|
||||
.OxDocument td:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
.OxDocument td:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Documentation
|
||||
|
@ -1475,49 +1518,6 @@ SyntaxHightlighter
|
|||
//-webkit-user-select: none;
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Text
|
||||
================================================================================
|
||||
*/
|
||||
|
||||
.OxText {
|
||||
padding: 8px;
|
||||
-moz-user-select: text;
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
.OxText div {
|
||||
border-style: solid;
|
||||
border-width: 0;
|
||||
font-size: 12px;
|
||||
line-height: 16px;
|
||||
-moz-user-select: text;
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
.OxText code {
|
||||
font-family: Menlo, Monaco, DejaVu Sans Mono, Bitstream Vera Sans Mono, Consolas, Lucida Console;
|
||||
}
|
||||
.OxText h1 {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.OxText table {
|
||||
border-spacing: 0;
|
||||
//border: 1px solid red;
|
||||
}
|
||||
.OxText td {
|
||||
padding: 0 4px 0 4px;
|
||||
//border: 1px solid rgb(128, 128, 128);
|
||||
vertical-align: top;
|
||||
}
|
||||
.OxText td:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
.OxText td:last-child {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Video
|
||||
|
|
|
@ -9,7 +9,7 @@ Ox.Container = function(options, self) {
|
|||
var that = new Ox.Element({}, self)
|
||||
.options(options || {})
|
||||
.addClass('OxContainer');
|
||||
that.$content = new Ox.Element({})
|
||||
that.$content = new Ox.Element({}, self) // fixme: passing self twice??
|
||||
.options(options || {})
|
||||
.addClass('OxContent')
|
||||
.appendTo(that);
|
||||
|
|
|
@ -6,7 +6,7 @@ Ox.DocPage = function(options, self) {
|
|||
item: {}
|
||||
})
|
||||
.options(options || {})
|
||||
.addClass('OxDocPage OxText')
|
||||
.addClass('OxDocPage OxDocument')
|
||||
.css({
|
||||
overflow: 'auto'
|
||||
});
|
||||
|
|
|
@ -110,6 +110,12 @@ Ox.DocPanel = function(options, self) {
|
|||
.bindEvent({
|
||||
select: selectItem
|
||||
});
|
||||
// fixme
|
||||
/*
|
||||
var $foo = Ox.Container();
|
||||
self.$list.appendTo($foo);
|
||||
that.$element.replaceElement(0, $foo);
|
||||
*/
|
||||
that.$element.replaceElement(0, self.$list);
|
||||
}
|
||||
}
|
||||
|
@ -126,15 +132,18 @@ Ox.DocPanel = function(options, self) {
|
|||
}
|
||||
|
||||
function selectItem(data) {
|
||||
var selected = data.ids[0];
|
||||
if (selected[0] != '_') {
|
||||
self.$page = Ox.DocPage({
|
||||
item: getItemByName(selected)
|
||||
});
|
||||
that.$element.replaceElement(1, self.$page);
|
||||
that.triggerEvent('select', {
|
||||
id: selected
|
||||
});
|
||||
var selected;
|
||||
if (data.ids.length) {
|
||||
selected = data.ids[0];
|
||||
if (selected[0] != '_') {
|
||||
self.$page = Ox.DocPage({
|
||||
item: getItemByName(selected)
|
||||
});
|
||||
that.$element.replaceElement(1, self.$page);
|
||||
that.triggerEvent('select', {
|
||||
id: selected
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -31,7 +31,7 @@ Ox.TreeList = function(options, self) {
|
|||
itemWidth: self.options.width,
|
||||
max: self.options.max,
|
||||
min: self.options.min,
|
||||
unique: 'id',
|
||||
unique: 'id'
|
||||
}, $.extend({}, self))
|
||||
.addClass('OxTextList OxTreeList')
|
||||
.css({
|
||||
|
@ -192,6 +192,8 @@ Ox.TreeList = function(options, self) {
|
|||
self.setOption = function(key, value) {
|
||||
if (key == 'data') {
|
||||
|
||||
} else if (key == 'width') {
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
@ -60,6 +60,20 @@ Dialog
|
|||
background: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Document
|
||||
================================================================================
|
||||
*/
|
||||
|
||||
.OxThemeClassic .OxDocument code {
|
||||
color: rgb(0, 0, 128);
|
||||
//background: rgb(255, 255, 255);
|
||||
}
|
||||
.OxThemeClassic .OxDocument div {
|
||||
border-color: rgb(192, 192, 192);
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Forms
|
||||
|
@ -429,19 +443,6 @@ SyntaxHighlighter
|
|||
background: rgb(255, 128, 128);
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Text
|
||||
================================================================================
|
||||
*/
|
||||
|
||||
.OxThemeClassic .OxText code {
|
||||
color: rgb(0, 0, 128);
|
||||
}
|
||||
.OxThemeClassic .OxText div {
|
||||
border-color: rgb(192, 192, 192);
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Video
|
||||
|
|
|
@ -84,6 +84,19 @@ Dialog
|
|||
}
|
||||
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Document
|
||||
================================================================================
|
||||
*/
|
||||
|
||||
.OxThemeModern .OxDocument code {
|
||||
color: rgb(128, 128, 255);
|
||||
}
|
||||
.OxThemeModern .OxDocument div {
|
||||
border-color: rgb(64, 64, 64);
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Forms
|
||||
|
@ -433,20 +446,6 @@ SyntaxHighlighter
|
|||
background: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Text
|
||||
================================================================================
|
||||
*/
|
||||
|
||||
.OxThemeModern .OxText code {
|
||||
color: rgb(128, 128, 255);
|
||||
}
|
||||
.OxThemeModern .OxText div {
|
||||
border-color: rgb(64, 64, 64);
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
================================================================================
|
||||
Video
|
||||
|
|
Loading…
Reference in a new issue