git.roojs.org Git - xtuple/blob - lib/enyo-x/source/less/relations.less

   1 /**
   2   Styles relating to RelationWidgets
   3 */
   4
   5  .xv-relationwidget-completer {
   6    left: -200px;
   7    top: 15px;
   8  }
   9
  10  .xv-completer-sidecar {
  11    color: @blue-gray;
  12  }
  13
  14  .xv-relationwidget-column {
  15    &.left {
  16      padding-right: 18px;
  17      color: @black;
  18      width: 140px;
  19    }
  20  }
  21
  22  .xv-relationwidget-icon {
  23    top: 1px;
  24    left: 8px;
  25    height: 30px;
  26    position: relative;
  27  }
  28
  29  .xv-relationwidget-description {
  30    overflow: hidden;
  31    // This gives them 3 lines of description
  32    display: -webkit-box;
  33    -webkit-line-clamp: 3;
  34    -webkit-box-orient: vertical;
  35    max-width: 250px;
  36    margin: 5px 5px 5px 80px;
  37    &.disabled {
  38      color: @dim-gray;
  39    }
  40    &.label {
  41      text-indent: 0;
  42      text-align: right;
  43
  44    }
  45    &.hasLabel {
  46      text-indent: 0;
  47    }
  48    &.hyperlink {
  49      color: blue;
  50   }
  51  }
  52
  53  .xv-private-item-site-widget {
  54    border-bottom-color: rgb(170, 170, 170);
  55    border-bottom-width: 1px;
  56    border-bottom-style: solid;
  57  }
  58
  59  /* RelationsEditorBox */
  60  .xv-relations-editor-box {
  61    .xv-groupbox {
  62      margin-right: 0;
  63      padding: 0;
  64      border: none;
  65    }
  66    &.panel {
  67      width: 350px;
  68    }
  69  }
  70
  71  /* ListRelationsBox */
  72  .xv-list-relations-box {
  73    &.panel {
  74      width: 625px;
  75    }
  76  }
  77
  78  .xv-short-relations-box {
  79    &.panel {
  80      width: 500px;
  81    }
  82  }