catalog-ui/src/app/view-models/workspace/tabs/properties/properties.less

   1 .workspace-properties {
   2
   3     width: 93%;
   4     display: inline-block;
   5
   6     #left-top-bar{
   7         float: left;
   8         width: 155px;
   9         ::-webkit-input-placeholder {
  10             font-style: italic;
  11         }
  12         :-moz-placeholder {
  13             font-style: italic;
  14         }
  15         ::-moz-placeholder {
  16             font-style: italic;
  17         }
  18         :-ms-input-placeholder {
  19             font-style: italic;
  20         }
  21
  22         #properties-count{
  23             font-weight: bold;
  24             float: left;
  25         }
  26
  27         #search-by-name{
  28             -webkit-border-radius: 2px;
  29             -moz-border-radius: 2px;
  30             border-radius: 2px;
  31             width: 245px;
  32             height: 32px;
  33             line-height: 32px;
  34             border: 1px solid @main_color_o;
  35             text-indent: 10px;
  36         }
  37
  38         .search-button{
  39             .hand;
  40             cursor: pointer;
  41             float: right;
  42             position: relative;
  43             top: -22px;
  44             right: -80px;
  45         }
  46     }
  47
  48     .add-btn {
  49         margin: 36px 0 0 0;
  50     }
  51
  52     .delete-col-header{
  53         .sprite;
  54         .sprite.e-sdc-small-icon-delete;
  55     }
  56
  57     .w-sdc-classic-btn {
  58         float: right;
  59         margin-bottom: 10px;
  60     }
  61
  62     .table{
  63         height:490px;
  64         margin-bottom: 0;
  65     }
  66
  67     .data-row{
  68         .table-delete-btn{
  69             display: none !important;
  70         }
  71         &:hover{
  72             .table-delete-btn{
  73                 display: inline-block !important;
  74             }
  75         }
  76     }
  77
  78     .table-container-flex {
  79         margin-top: 0;
  80
  81         .text{
  82             overflow: hidden;
  83             text-overflow: ellipsis;
  84             display: inline-block;
  85             white-space: nowrap;
  86         }
  87
  88         .flex-item:nth-child(1) {
  89             flex-grow: 15;
  90             a{
  91                 .hand
  92             }
  93         }
  94
  95         .flex-item:nth-child(2) {
  96             flex-grow: 6;
  97         }
  98
  99         .flex-item:nth-child(3) {
 100             flex-grow: 6;
 101         }
 102
 103         .flex-item:nth-child(4) {
 104             flex-grow: 20;
 105
 106         }
 107         .flex-item:nth-child(5) {
 108             flex-grow: 3;
 109             padding-top: 10px;
 110         }
 111
 112
 113     }
 114
 115 }