You are here

Home » API reference » Entity Translation Unified Form 8

etuf-side-by-side-business.css in Entity Translation Unified Form 8 

@media screen and (min-width: 992px) {

  /* separators */
  .etuf-sbs-none {
    float: left;
    display: inline-block;
    width: 99%;
  }

  /* force fieldsets full width */
  body.etuf-sbs div.region-content fieldset.js-form-item {
    width: 99%;
  }
  /* but half-width for the fieldsets content */
  body.etuf-sbs div.region-content fieldset.js-form-item > div.fieldset-wrapper > div.js-form-item {
    float: left;
    width: 49%;
    margin-left: 5px;
  }

  /* force details full width */
  body.etuf-sbs div.region-content details.js-form-wrapper {
    width: 99%;
  }
  /* but helf-width for the details content */
  body.etuf-sbs div.region-content details.js-form-wrapper > div.details-wrapper > div.js-form-item {
    float: left;
    width: 49%;
    margin-left: 5px;
  }

  /* for the tab-part at the end which is a 'details' but not concerned */
  body.etuf-sbs div.region-content form.node-form > div.js-form-item.form-type-vertical-tabs {
    width: 99%;
  }

  /* standard elements */
  body.etuf-sbs div.region-content form.node-form > div.js-form-item {
    float: left;
    width: 49%;
    margin-left: 5px;
  }

  /* dunno why, without this I get strange behaviors from details */
  body.etuf-sbs details.js-form-wrapper {
    display: inline-block !important;
  }

}

File

css/etuf-side-by-side-business.css
View source 
  1. @media screen and (min-width: 992px) {

  2. 

  3.   /* separators */

  4.   .etuf-sbs-none {

  5.     float: left;

  6.     display: inline-block;

  7.     width: 99%;

  8.   }

  9. 

  10.   /* force fieldsets full width */

  11.   body.etuf-sbs div.region-content fieldset.js-form-item {

  12.     width: 99%;

  13.   }

  14.   /* but half-width for the fieldsets content */

  15.   body.etuf-sbs div.region-content fieldset.js-form-item > div.fieldset-wrapper > div.js-form-item {

  16.     float: left;

  17.     width: 49%;

  18.     margin-left: 5px;

  19.   }

  20. 

  21.   /* force details full width */

  22.   body.etuf-sbs div.region-content details.js-form-wrapper {

  23.     width: 99%;

  24.   }

  25.   /* but helf-width for the details content */

  26.   body.etuf-sbs div.region-content details.js-form-wrapper > div.details-wrapper > div.js-form-item {

  27.     float: left;

  28.     width: 49%;

  29.     margin-left: 5px;

  30.   }

  31. 

  32.   /* for the tab-part at the end which is a 'details' but not concerned */

  33.   body.etuf-sbs div.region-content form.node-form > div.js-form-item.form-type-vertical-tabs {

  34.     width: 99%;

  35.   }

  36. 

  37.   /* standard elements */

  38.   body.etuf-sbs div.region-content form.node-form > div.js-form-item {

  39.     float: left;

  40.     width: 49%;

  41.     margin-left: 5px;

  42.   }

  43. 

  44.   /* dunno why, without this I get strange behaviors from details */

  45.   body.etuf-sbs details.js-form-wrapper {

  46.     display: inline-block !important;

  47.   }

  48. 

  49. }