7963dc2a09
* [s] in changes by [m] in effort * pretty painful to do and we now have to set width of columns explicitly - though this will be useful going forward if we allow adjustable width columns. * even support different width scrollbars in different browsers (have not tested in IE though!) * remaining bug is that we have an overhang in header when no scrollbar for body (probably not that hard to fix ...)
292 lines
7.0 KiB
CSS
292 lines
7.0 KiB
CSS
/**********************************************************
|
|
* (Data) Grid
|
|
*********************************************************/
|
|
|
|
table.recline-grid {
|
|
table-layout: fixed;
|
|
width: 100%;
|
|
}
|
|
|
|
.recline-grid .btn-group .dropdown-toggle {
|
|
padding: 1px 3px;
|
|
line-height: auto;
|
|
}
|
|
|
|
.recline-grid td, .recline-grid th {
|
|
border-left: 1px solid #ccc;
|
|
padding: 3px 4px;
|
|
text-align: left;
|
|
word-wrap: break-word;
|
|
white-space: normal;
|
|
}
|
|
|
|
.recline-grid td {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.recline-grid tr td:first-child, .recline-grid tr th:first-child {
|
|
width: 20px;
|
|
}
|
|
|
|
.recline-grid tbody tr:last-child {
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.recline-grid tbody td:last-child {
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
/* direct borrowing from twitter buttons */
|
|
.recline-grid th,
|
|
.transform-column-view .expression-preview-table-wrapper th
|
|
{
|
|
background-color: #e6e6e6;
|
|
background-repeat: no-repeat;
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
|
|
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
|
|
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
|
|
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
|
color: #333;
|
|
border: 1px solid #ccc;
|
|
border-bottom-color: #bbb;
|
|
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
-webkit-transition: 0.1s linear all;
|
|
-moz-transition: 0.1s linear all;
|
|
-ms-transition: 0.1s linear all;
|
|
-o-transition: 0.1s linear all;
|
|
transition: 0.1s linear all;
|
|
}
|
|
|
|
/**********************************************************
|
|
* Fixed Header - http://www.imaputz.com/cssStuff/bigFourVersion.html
|
|
*********************************************************/
|
|
|
|
div.table-container {
|
|
overflow: auto;
|
|
}
|
|
|
|
/* Reset overflow value to hidden for all non-IE browsers. */
|
|
html>body div.table-container {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* set table header to a fixed position. WinIE 6.x only */
|
|
/* In WinIE 6.x, any element with a position property set to relative and is a child of */
|
|
/* an element that has an overflow property set, the relative value translates into fixed. */
|
|
/* Ex: parent element DIV with a class of table-container has an overflow property set to auto */
|
|
thead.fixed-header tr {
|
|
position: relative
|
|
}
|
|
|
|
/* set THEAD element to have block level attributes. All other non-IE browsers */
|
|
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
|
|
html>body thead.fixed-header tr {
|
|
display: block
|
|
}
|
|
|
|
/* define the table content to be scrollable */
|
|
/* set TBODY element to have block level attributes. All other non-IE browsers */
|
|
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
|
|
/* induced side effect is that child TDs no longer accept width: auto */
|
|
tbody.scrollContent {
|
|
display: block;
|
|
max-height: 500px;
|
|
overflow: auto;
|
|
}
|
|
|
|
/**********************************************************
|
|
* Data Table Menus
|
|
*********************************************************/
|
|
|
|
.column-header-menu, a.root-header-menu {
|
|
float: right;
|
|
}
|
|
|
|
div.data-table-cell-content {
|
|
line-height: 1.2;
|
|
color: #222;
|
|
position: relative;
|
|
}
|
|
|
|
div.data-table-cell-content-numeric {
|
|
text-align: right;
|
|
}
|
|
|
|
a.data-table-cell-edit {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
display: block;
|
|
width: 25px;
|
|
height: 16px;
|
|
text-decoration: none;
|
|
background-image: url(images/edit-map.png);
|
|
background-repeat: no-repeat;
|
|
visibility: hidden;
|
|
}
|
|
|
|
a.data-table-cell-edit:hover {
|
|
background-position: -25px 0px;
|
|
}
|
|
|
|
.recline-grid td:hover .data-table-cell-edit {
|
|
visibility: visible;
|
|
}
|
|
|
|
div.data-table-cell-content-numeric > a.data-table-cell-edit {
|
|
left: 0px;
|
|
right: auto;
|
|
}
|
|
|
|
.data-table-value-nonstring {
|
|
color: #282;
|
|
}
|
|
|
|
.data-table-error {
|
|
color: red;
|
|
}
|
|
|
|
.data-table-cell-editor-editor {
|
|
overflow: hidden;
|
|
display: block;
|
|
width: 98%;
|
|
height: 3em;
|
|
font-family: monospace;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.data-table-cell-copypaste-editor {
|
|
overflow: hidden;
|
|
display: block;
|
|
width: 98%;
|
|
height: 10em;
|
|
font-family: monospace;
|
|
margin: 3px 0;
|
|
}
|
|
|
|
.data-table-cell-editor-action {
|
|
float: left;
|
|
vertical-align: bottom;
|
|
text-align: center;
|
|
}
|
|
|
|
.data-table-cell-editor-key {
|
|
font-size: 0.8em;
|
|
color: #999;
|
|
}
|
|
|
|
|
|
/**********************************************************
|
|
* Transform Dialog
|
|
*********************************************************/
|
|
|
|
textarea.expression-preview-code {
|
|
font-family: monospace;
|
|
height: 5em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.expression-preview-parsing-status {
|
|
color: #999;
|
|
}
|
|
|
|
.expression-preview-parsing-status.error {
|
|
color: red;
|
|
}
|
|
|
|
#expression-preview-tabs-preview,
|
|
#expression-preview-tabs-help,
|
|
#expression-preview-tabs-history,
|
|
#expression-preview-tabs-starred {
|
|
padding: 5px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#expression-preview-tabs-preview > div,
|
|
#expression-preview-tabs-help > div,
|
|
#expression-preview-tabs-history > div,
|
|
#expression-preview-tabs-starred {
|
|
height: 200px;
|
|
overflow: auto;
|
|
}
|
|
|
|
#expression-preview-tabs-preview td, #expression-preview-tabs-preview th,
|
|
#expression-preview-tabs-help td, #expression-preview-tabs-help th,
|
|
#expression-preview-tabs-history td, #expression-preview-tabs-history th,
|
|
#expression-preview-tabs-starred td, #expression-preview-tabs-starred th {
|
|
padding: 5px;
|
|
}
|
|
|
|
.expression-preview-table-wrapper {
|
|
padding: 7px;
|
|
}
|
|
|
|
.expression-preview-container td {
|
|
padding: 2px 5px;
|
|
border-top: 1px solid #ccc;
|
|
}
|
|
|
|
td.expression-preview-heading {
|
|
border-top: none;
|
|
background: #ddd;
|
|
font-weight: bold;
|
|
}
|
|
|
|
td.expression-preview-value {
|
|
max-width: 250px !important;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.expression-preview-special-value {
|
|
color: #aaa;
|
|
}
|
|
|
|
.expression-preview-help-container h3 {
|
|
margin-top: 15px;
|
|
margin-bottom: 7px;
|
|
border-bottom: 1px solid #999;
|
|
}
|
|
|
|
.expression-preview-doc-item-title {
|
|
font-weight: bold;
|
|
text-align: right;
|
|
}
|
|
|
|
.expression-preview-doc-item-params {
|
|
}
|
|
|
|
.expression-preview-doc-item-returns {
|
|
}
|
|
|
|
.expression-preview-doc-item-desc {
|
|
color: #666;
|
|
}
|
|
|
|
|
|
/**********************************************************
|
|
* Read-only mode
|
|
*********************************************************/
|
|
|
|
.recline-read-only .recline-grid.no-hidden tr td:first-child,
|
|
.recline-read-only .recline-grid.no-hidden tr th:first-child
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.recline-read-only .recline-grid .write-op,
|
|
.recline-read-only .recline-grid a.data-table-cell-edit
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.recline-read-only a.row-header-menu {
|
|
display: none;
|
|
}
|
|
|