extjs/classic/theme-base/sass/src/form/FieldSet.scss

   1 .#{$prefix}fieldset {
   2     display: block; /* preserve margins in IE */
   3     position: relative;
   4     overflow: hidden;
   5 }
   6
   7 .#{$prefix}fieldset-header {
   8     overflow: hidden; // fixes a webkit bug where legend elements that have floated children are not displayed
   9
  10     .#{$prefix}form-item,
  11     .#{$prefix}tool {
  12         float: left;
  13     }
  14
  15     .#{$prefix}fieldset-header-text {
  16         float: left;
  17     }
  18
  19     .#{$prefix}form-cb-wrap {
  20         font-size: 0;
  21         line-height: 0;
  22         min-height: 0;
  23         height: auto; // override form-cb-wrap's height from neutral theme
  24     }
  25
  26     .#{$prefix}form-cb {
  27         margin: 0; // override the default checkbox margin
  28         // Checkboxes are now absolutely positioned so reset the positioning (see EXTJSIV-10302).
  29         position: static;
  30         // Need to reset display to have dimensions applied
  31         display: inherit;
  32     }
  33 }
  34
  35 .#{$prefix}fieldset-body {
  36     overflow: hidden;
  37 }
  38
  39 .#{$prefix}fieldset-collapsed {
  40     padding-bottom: 0 !important;
  41
  42     > .#{$prefix}fieldset-body {
  43         display: none;
  44     }
  45 }
  46
  47 .#{$prefix}fieldset-header-text-collapsible {
  48     cursor: pointer;
  49 }
  50
  51 @if $include-rtl {
  52     .#{$prefix}rtl.#{$prefix}fieldset-header {
  53         .#{$prefix}form-item,
  54         .#{$prefix}tool {
  55             float: right;
  56         }
  57
  58         .#{$prefix}fieldset-header-text {
  59             float: right;
  60         }
  61     }
  62 }