catalog-ui/src/app/ng2/components/ui/modal/add-elements/add-elements.component.less

   1 @import "./../../../../../../assets/styles/variables-old";
   2
   3 .component-add-element {
   4
   5   .add-element-selection-container {
   6
   7     display: flex;
   8     flex-direction: row;
   9     .add-element-selection {
  10       flex: 2;
  11     }
  12
  13     .add-element-button {
  14       padding: 0px 0px 0px 15px;
  15       &:not(.disabled) {
  16         cursor:pointer;
  17       }
  18     }
  19
  20   }
  21
  22   .elements-list {
  23     border: 1px solid #d2d2d2;
  24     margin-top: 10px;
  25     height: 300px;
  26     overflow: auto;
  27
  28     .elements-list-item {
  29       padding: 10px 20px 10px 20px;
  30
  31       &:first-child {
  32         padding-top: 15px;
  33       }
  34
  35       &:hover {
  36         background-color: #f8f8f8;
  37         .elements-list-item-delete {
  38           visibility: visible;
  39         }
  40       }
  41     }
  42   }
  43
  44   .elements-list-item-delete {
  45     float:right;
  46     cursor: pointer;
  47     visibility: hidden;
  48   }
  49
  50
  51   .add-element-no-data {
  52     margin: 0 auto;
  53     padding-top: 30px;
  54     text-align: center;
  55
  56     .add-element-no-data-title {
  57       font-family: @font-opensans-bold;
  58     }
  59
  60   }
  61 }