<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<title>The source code</title>
|
<link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
|
<script type="text/javascript" src="../resources/prettify/prettify.js"></script>
|
<style type="text/css">
|
.highlight { display: block; background-color: #ddd; }
|
</style>
|
<script type="text/javascript">
|
function highlight() {
|
document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
|
}
|
</script>
|
</head>
|
<body onload="prettyPrint(); highlight();">
|
<pre class="prettyprint lang-js">.#{$prefix}grid-row-editor {
|
.#{$prefix}field {
|
margin: 0 ceil($grid-row-editor-field-spacing / 2) 0 floor($grid-row-editor-field-spacing / 2);
|
}
|
|
@if $include-ext-form-field-display {
|
.#{$prefix}form-display-field {
|
padding:
|
top($grid-row-editor-field-padding) + $form-field-border-width
|
right($grid-row-editor-field-padding) + $form-field-border-width
|
bottom($grid-row-editor-field-padding) + $form-field-border-width
|
left($grid-row-editor-field-padding) + $form-field-border-width;
|
}
|
|
@if $include-ext-grid-column-action {
|
.#{$prefix}form-action-col-field {
|
padding:
|
max(ceil(($grid-editor-height - $grid-actioncolumn-icon-height) / 2), 0)
|
max($grid-actioncolumn-horizontal-padding - ceil($grid-row-editor-field-spacing / 2), 0)
|
max(floor(($grid-editor-height - $grid-actioncolumn-icon-height) / 2), 0)
|
max($grid-actioncolumn-horizontal-padding - floor($grid-row-editor-field-spacing / 2), 0);
|
}
|
}
|
}
|
|
@if $include-ext-form-field-text {
|
.#{$prefix}form-text {
|
padding: $grid-row-editor-field-padding;
|
|
.#{$prefix}gecko & {
|
// firefox adds an additional px of horizontal space inside text inputs
|
padding-left: max((left($grid-row-editor-field-padding) - 1), 0);
|
padding-right: max((right($grid-row-editor-field-padding) - 1), 0);
|
}
|
}
|
}
|
|
.#{$prefix}panel-body {
|
// !important is needed to override dock layout border-management rules
|
border-top: $grid-row-editor-border !important;
|
border-bottom: $grid-row-editor-border !important;
|
padding: $grid-row-editor-padding;
|
background-color: $grid-row-editor-background-color;
|
}
|
|
@if $include-ext-form-field-checkbox {
|
.#{$prefix}grid-with-col-lines & {
|
.#{$prefix}form-cb {
|
margin-right: $grid-row-cell-border-width;
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl.#{$prefix}form-cb {
|
margin-right: 0;
|
margin-left: $grid-row-cell-border-width;
|
}
|
}
|
}
|
}
|
}
|
|
@include x-frame(
|
$cls: grid-row-editor-buttons,
|
$ui: default-bottom, // change default to $ui when RowEditor adds ui support
|
$border-radius: 0 0
|
$grid-row-editor-button-container-border-radius
|
$grid-row-editor-button-container-border-radius,
|
$border-width: 0
|
$grid-row-editor-border-width
|
$grid-row-editor-border-width
|
$grid-row-editor-border-width,
|
$padding: $grid-row-editor-button-container-padding,
|
$background-color: $grid-row-editor-background-color,
|
$background-gradient: null,
|
$table: true
|
);
|
|
@include x-frame(
|
$cls: grid-row-editor-buttons,
|
$ui: default-top, // change default to $ui when RowEditor adds ui support
|
$border-radius:
|
$grid-row-editor-button-container-border-radius
|
$grid-row-editor-button-container-border-radius
|
0 0,
|
$border-width:
|
$grid-row-editor-border-width
|
$grid-row-editor-border-width
|
0
|
$grid-row-editor-border-width,
|
$padding: flip-vertical($grid-row-editor-button-container-padding),
|
$background-color: $grid-row-editor-background-color,
|
$background-gradient: null,
|
$table: true
|
);
|
|
// change default to #{$ui} when RowEditor adds ui support
|
.#{$prefix}grid-row-editor-buttons-default-bottom {
|
top: $grid-editor-height + vertical($grid-row-editor-padding) +
|
top($grid-row-editor-border-width);
|
}
|
|
// change default to #{$ui} when RowEditor adds ui support
|
.#{$prefix}grid-row-editor-buttons-default-top {
|
bottom: $grid-editor-height + vertical($grid-row-editor-padding) +
|
bottom($grid-row-editor-border-width);
|
}
|
|
.#{$prefix}grid-row-editor-buttons {
|
border-color: $grid-row-editor-border-color;
|
}
|
|
.#{$prefix}row-editor-update-button {
|
margin-right: ceil($grid-row-editor-button-spacing / 2);
|
}
|
.#{$prefix}row-editor-cancel-button {
|
margin-left: floor($grid-row-editor-button-spacing / 2);
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl.#{$prefix}row-editor-update-button {
|
margin-left: ceil($grid-row-editor-button-spacing / 2);
|
margin-right: auto;
|
}
|
.#{$prefix}rtl.#{$prefix}row-editor-cancel-button {
|
margin-right: floor($grid-row-editor-button-spacing / 2);
|
margin-left: auto;
|
}
|
}
|
|
.#{$prefix}grid-row-editor-errors {
|
.#{$prefix}tip-body {
|
padding: $grid-row-editor-error-tip-body-padding;
|
}
|
}
|
|
.#{$prefix}grid-row-editor-errors-item {
|
list-style: $grid-row-editor-error-tip-list-style;
|
margin-left: $grid-row-editor-error-tip-list-spacing;
|
}
|
|
@if $include-rtl {
|
.#{$prefix}rtl.#{$prefix}grid-row-editor-errors {
|
.#{$prefix}grid-row-editor-errors-item {
|
margin-left: 0;
|
margin-right: $grid-row-editor-error-tip-list-spacing;
|
}
|
}
|
}</pre>
|
</body>
|
</html>
|
