lixinru
/
YtIoT


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
							<!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"><span id='Ext-form-Panel-css_mixin-extjs-form'>/**
</span> * Creates the base structure of Ext.form.Panel.
 * @member Ext.form.Panel
 */
@mixin extjs-form {
    /*misc*/
    .#{$prefix}webkit {
        * {
            &amp;:focus {
                outline:none !important;
            }
        }
    }

    // form items
    .#{$prefix}form-item {
        vertical-align: top;
        table-layout: fixed;
    }

    // form items within auto, anchor, vbox checkboxgroup, and table layouts have bottom margin of 5px
    .#{$prefix}autocontainer-form-item,
    .#{$prefix}anchor-form-item,
    .#{$prefix}vbox-form-item,
    .#{$prefix}checkboxgroup-form-item,
    .#{$prefix}table-form-item {
        margin-bottom: 5px;
    }

    // form items within form layout have 5px margin around them
    .#{$prefix}form-layout-table {
        border-collapse: separate;
        border-spacing: 0 2px;
    }

    // Allow for positioned child elements, e.g. custom icons
    .#{$prefix}form-item-body {
        position: relative;
    }

    .#{$prefix}form-form-item {
        td {
            border-top: 1px solid transparent;
        }
    }

    // IE6 cannot do border-spacing 0 2px;
    // IE6 cannot do border-color: transparent
    // So we revert pack to a pad row for IE6
    .#{$prefix}ie6 {
        .#{$prefix}form-layout-table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        .#{$prefix}form-form-item {
            td {
                border-top-width: 0;
            }
        }

        // Padding row for IE6 when Labelable Fields are in a form layout
        td.#{$prefix}form-item-pad {
            height: 5px;
        }
    }

    // No padding when inside an Editor
    .#{$prefix}editor .#{$prefix}form-item-body {
        padding-bottom: 0;
    }

    .#{$prefix}form-item-label {
        display: block;
        padding: 3px 0 0;
        font-size: $form-label-font-size;
        @include no-select;
    }

    .#{$prefix}form-item-label-top {
        display: block;
        zoom: 1;
        padding: 0 0 5px 0;
    }

    .#{$prefix}form-item-label-right {
        text-align: right;
    }

    .#{$prefix}form-invalid-under {
        padding: 2px 2px 2px $form-error-icon-width;

        color: $form-error-msg-color;
        font: $form-error-msg-font;
        line-height: $form-error-msg-line-height;

        background: no-repeat 0 2px;
        background-image: theme-background-image($theme-name, $form-exclamation-icon);
    }

    .#{$prefix}form-invalid-icon {
        width: $form-error-icon-width;
        height: 14px;
        background: no-repeat center center;
        background-image: theme-background-image($theme-name, $form-exclamation-icon);
        overflow: hidden;
        ul {
            display: block;
            width: $form-error-icon-width;
            li {
                /* prevent inner elements from interfering with QuickTip hovering */
                display: none;
            }
        }
    }

    // When the label is on top, the right icon cell is taller, so the icon image needs bumping down
    .#{$prefix}lbl-top-err-icon {
        margin-bottom: 4px;
    }
}</pre>
</body>
</html>