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

   1 .activity-log {
   2     .title-wrapper {
   3         display: flex;
   4         justify-content: flex-end;
   5     }
   6
   7     .table-container-flex .table .body .scrollbar-container {
   8         max-height: 448px;
   9     }
  10
  11     .view-mode {
  12         background-color: @main_color_p;
  13     }
  14
  15     .table{
  16         height: 490px;
  17         margin-bottom: 0;
  18     }
  19
  20     .table-container-flex {
  21         margin-top: 10px;
  22
  23         .flex-item:nth-child(1) { width: 200px; }
  24         .flex-item:nth-child(2) { flex-grow: 20; }
  25         .flex-item:nth-child(3) { flex-grow: 30; }
  26         .flex-item:nth-child(4) { flex-grow: 20; }
  27         .flex-item:nth-child(5) { width: 80px; }
  28
  29         .success {
  30             position: absolute;
  31             top: 11px;
  32             right: 20px;
  33             .sprite-new;
  34             .sdc-success;
  35         }
  36
  37         .error {
  38             position: absolute;
  39             top: 11px;
  40             right: 20px;
  41             .sprite-new;
  42             .sdc-error;
  43         }
  44
  45     }
  46
  47     .data-row {
  48         position: relative;
  49     }
  50
  51     .top-search {
  52         float: right;
  53         position: relative;
  54
  55         input.search-text {
  56             .border-radius(2px);
  57             width: 245px;
  58             height: 32px;
  59             line-height: 32px;
  60             border: 1px solid @main_color_o;
  61             margin: 0;
  62             outline: none;
  63             text-indent: 10px;
  64
  65             &::-webkit-input-placeholder { font-style: italic; } /* Safari, Chrome and Opera */
  66             &:-moz-placeholder { font-style: italic; } /* Firefox 18- */
  67             &::-moz-placeholder { font-style: italic; } /* Firefox 19+ */
  68             &:-ms-input-placeholder { font-style: italic; } /* IE 10+ */
  69             &:-ms-input-placeholder { font-style: italic; } /* Edge */
  70         }
  71
  72         .magnification {
  73             position: absolute;
  74             top: 10px;
  75             right: 10px;
  76         }
  77
  78     }
  79
  80 }