catalog-ui/src/app/directives/capabilities-and-requirements/capabilities-requirements-list.less

   1 .i-sdc-designer-sidebar-capabilities-requirements {
   2
   3         .b_7;
   4         overflow: hidden;
   5         text-overflow: ellipsis;
   6         white-space: nowrap;
   7
   8         &.description {
   9             margin-top: 28px;
  10             white-space: normal;
  11             word-wrap: break-word;
  12         }
  13
  14     .i-sdc-designer-sidebar-section-content-item-relations {
  15         border-bottom: 1px solid @color_e;
  16         padding: 10px 10px 10px 18px;
  17         position: relative;
  18         cursor: default;
  19
  20         .i-sdc-designer-sidebar-section-content-item-button {
  21             top: 15px;
  22             line-height: 10px;
  23         }
  24
  25         &:hover {
  26             background-color: @color_c;
  27
  28             .i-sdc-designer-sidebar-section-content-item-button {
  29                 display: block;
  30
  31             }
  32         }
  33     }
  34
  35     .w-sdc-designer-sidebar-section-relations:not(:last-child) .i-sdc-designer-sidebar-section-content-item-relations-group:last-child .i-sdc-designer-sidebar-section-content-item-relations:last-child {
  36         border-bottom: none;
  37     }
  38
  39     .i-sdc-designer-sidebar-section-content-item-relations.hand {
  40         .hand;
  41     }
  42
  43     .i-sdc-designer-sidebar-section-content-item-relations-group {
  44         //border-bottom: 1px solid @color_e;
  45     }
  46
  47     .i-sdc-designer-sidebar-section-content-item-relations-details {
  48         display: inline-block;
  49         margin-left: 5px;
  50         vertical-align: middle;
  51     }
  52
  53     .i-sdc-designer-sidebar-section-content-item-relations-details-name {
  54         .b_1;
  55         .bold;
  56         overflow: hidden;
  57         text-overflow: ellipsis;
  58         white-space: nowrap;
  59         //width: 100%;
  60         text-transform: capitalize;
  61         max-width: 240px;
  62         display: inline-block;
  63     }
  64
  65     .i-sdc-designer-sidebar-section-content-item-relations-details-ownerName {
  66         .b_13;
  67         font-weight: 400;
  68         overflow: hidden;
  69         text-overflow: ellipsis;
  70         white-space: nowrap;
  71
  72         &:before {
  73             .sprite;
  74             .arrow-left;
  75             content: '';
  76         }
  77     }
  78
  79     .i-sdc-designer-sidebar-section-content-item-relations-details-desc {
  80         .p_1;
  81         line-height: 14px;
  82         word-wrap: break-word;
  83         white-space: normal;
  84         max-width: 265px;
  85
  86         .i-sdc-designer-sidebar-section-content-item-relations-details-indent-box {
  87             border-left: 1px #848586 solid;
  88             height: 40px;
  89             margin-left: 2px;
  90             margin-top: 5px;
  91             border-bottom: 1px #848586 solid;
  92             width: 25px;
  93             float: left;
  94         }
  95         .i-sdc-designer-sidebar-section-content-item-relations-details-child {
  96             margin-top: 30px;
  97             float: left;
  98             padding-left: 10px;
  99             max-width: 230px;
 100         }
 101     }
 102
 103     .i-sdc-designer-sidebar-section-content-item-relations-details-desc-label {
 104         font-family: @font-opensans-medium;
 105     }
 106
 107     .i-sdc-designer-sidebar-section-content-item-relations-view {
 108         position: absolute;
 109         right: 0;
 110         top: 22px;
 111         display: none;
 112     }
 113 }