partkeepr

fork of partkeepr
git clone https://git.e1e0.net/partkeepr.git
Log | Files | Refs | Submodules | README | LICENSE

_all.scss (3130B)

      1 /**
      2  * Creates the base structure of Ext.form.Panel.
      3  * @member Ext.form.Panel
      4  */
      5 @mixin extjs-form {
      6     /*misc*/
      7     .#{$prefix}webkit {
      8         * {
      9             &:focus {
     10                 outline:none !important;
     11             }
     12         }
     13     }
     14 
     15     // form items
     16     .#{$prefix}form-item {
     17         vertical-align: top;
     18         table-layout: fixed;
     19     }
     20 
     21     // form items within auto, anchor, vbox checkboxgroup, and table layouts have bottom margin of 5px
     22     .#{$prefix}autocontainer-form-item,
     23     .#{$prefix}anchor-form-item,
     24     .#{$prefix}vbox-form-item,
     25     .#{$prefix}checkboxgroup-form-item,
     26     .#{$prefix}table-form-item {
     27         margin-bottom: 5px;
     28     }
     29 
     30     // form items within form layout have 5px margin around them
     31     .#{$prefix}form-layout-table {
     32         border-collapse: separate;
     33         border-spacing: 0 2px;
     34     }
     35 
     36     // Allow for positioned child elements, e.g. custom icons
     37     .#{$prefix}form-item-body {
     38         position: relative;
     39     }
     40 
     41     .#{$prefix}form-form-item {
     42         td {
     43             border-top: 1px solid transparent;
     44         }
     45     }
     46 
     47     // IE6 cannot do border-spacing 0 2px;
     48     // IE6 cannot do border-color: transparent
     49     // So we revert pack to a pad row for IE6
     50     .#{$prefix}ie6 {
     51         .#{$prefix}form-layout-table {
     52             border-collapse: collapse;
     53             border-spacing: 0;
     54         }
     55         .#{$prefix}form-form-item {
     56             td {
     57                 border-top-width: 0;
     58             }
     59         }
     60 
     61         // Padding row for IE6 when Labelable Fields are in a form layout
     62         td.#{$prefix}form-item-pad {
     63             height: 5px;
     64         }
     65     }
     66 
     67     // No padding when inside an Editor
     68     .#{$prefix}editor .#{$prefix}form-item-body {
     69         padding-bottom: 0;
     70     }
     71 
     72     .#{$prefix}form-item-label {
     73         display: block;
     74         padding: 3px 0 0;
     75         font-size: $form-label-font-size;
     76         @include no-select;
     77     }
     78 
     79     .#{$prefix}form-item-label-top {
     80         padding: 0;
     81     }
     82 
     83     .#{$prefix}form-item-label-right {
     84         text-align: right;
     85     }
     86 
     87     .#{$prefix}form-invalid-under {
     88         padding: 2px 2px 2px $form-error-icon-width;
     89 
     90         color: $form-error-msg-color;
     91         font: $form-error-msg-font;
     92         line-height: $form-error-msg-line-height;
     93 
     94         background: no-repeat 0 2px;
     95         background-image: theme-background-image($theme-name, $form-exclamation-icon);
     96     }
     97 
     98     .#{$prefix}external-error-icon {
     99         position: absolute;
    100         right: 10px;
    101         height: $form-field-height;
    102     }
    103 
    104     @if $include-ie {
    105         .#{$prefix}quirks .#{$prefix}ie .#{$prefix}external-error-icon {
    106             right: 0;
    107         }
    108     }
    109 
    110     .#{$prefix}form-invalid-icon {
    111         width: $form-error-icon-width;
    112         background: no-repeat 2px 3px;
    113         background-image: theme-background-image($theme-name, $form-exclamation-icon);
    114         overflow: hidden;
    115         ul {
    116             display: block;
    117             width: $form-error-icon-width;
    118             li {
    119                 /* prevent inner elements from interfering with QuickTip hovering */
    120                 display: none;
    121             }
    122         }
    123     }
    124 }