catalog-ui/src/app/view-models/admin-dashboard/user-management/user-management.less

   1 .sdc-user-management-top-bar {
   2     display: flex;
   3     width: 100%;
   4     label {
   5         .i_17;
   6     }
   7     .sdc-user-management-top-bar-form-input {
   8         .b_9;
   9         color: @color_b;
  10         height: 28px;
  11         padding-left: 10px;
  12         border-radius: 2px;
  13         border: 1px solid @border_color_f;
  14     }
  15
  16     .sdc-user-management-top-bar-search-container {
  17         display: flex;
  18         flex-direction: column;
  19         position: relative;
  20         width: 400px;
  21
  22         label {
  23             margin-bottom: 20px;
  24         }
  25
  26         .w-sdc-search-icon {
  27             right: 11px;
  28             top: 49px;
  29         }
  30     }
  31 }
  32
  33
  34 .sdc-user-management-table-container-flex {
  35     height: 650px;
  36     margin-top: 35px;
  37     .sdc-user-management-table {
  38         width: 100%;
  39         border: 1px solid @color_m;
  40         .head {
  41             .bg_m;
  42             .head-row {
  43                 .c_18;
  44                 font-weight: bold;
  45
  46                 border-right: 1px solid @border_color_d;
  47
  48                 .sdc-user-management-table-header-sort-arrow {
  49                     display: inline-block;
  50                     background-color: transparent;
  51                     border: none;
  52                     .c_9;
  53                     width: 0;
  54                     height: 0;
  55                     float: right;
  56                     margin: 8px 8px 0px 0px;
  57                     &.up {
  58                         border-left: 5px solid transparent;
  59                         border-right: 5px solid transparent;
  60                         border-bottom: 5px solid;
  61                     }
  62                     &.down {
  63                         border-left: 5px solid transparent;
  64                         border-right: 5px solid transparent;
  65                         border-top: 5px solid;
  66                     }
  67                 }
  68             }
  69             .sdc-user-management-table-header:hover {
  70                 .bg_j;
  71             }
  72
  73         }
  74         .body {
  75             .scrollbar-container {
  76                 max-height: 421px;
  77                 .perfect-scrollbar;
  78             }
  79             .b_9;
  80
  81             .data-row {
  82                 &:nth-of-type(odd) {
  83                     .bg_c;
  84                 }
  85                 &.sdc-user-management-table-new-user-row {
  86
  87                     animation: change 7s step-end both;
  88
  89                     @keyframes change {
  90                         from {
  91                             color: @color_z
  92                         }
  93                         to {
  94                             color: @color_b
  95                         }
  96                     }
  97                 }
  98                 div {
  99
 100                     border-right: 1px solid @border_color_d;
 101
 102                     &:last-child {
 103                         border-right: none;
 104                     }
 105
 106                     .sdc-user-management-table-role-select {
 107                         background-color: transparent;
 108                         border: 0;
 109                         width: 100%;
 110
 111                     }
 112                     .sdc-user-management-table-role-label {
 113                         margin-left:4px;
 114                     }
 115
 116                 }
 117
 118             }
 119             .data-row:hover {
 120                 .bg_j;
 121             }
 122
 123         }
 124     }
 125
 126     .sdc-user-management-flex-container {
 127         display: flex;
 128     }
 129
 130     .sdc-user-management-flex-item {
 131         width:10px;
 132         padding: 5px;
 133         text-align: center;
 134     }
 135
 136     .sdc-user-management-flex-item:nth-child(1) {
 137         flex-grow: 5;
 138     }
 139
 140     .sdc-user-management-flex-item:nth-child(2) {
 141         flex-grow: 7;
 142     }
 143
 144     .sdc-user-management-flex-item:nth-child(3) {
 145         flex-grow: 4;
 146     }
 147
 148     .sdc-user-management-flex-item:nth-child(4) {
 149         flex-grow: 8;
 150     }
 151
 152     .sdc-user-management-flex-item:nth-child(5) {
 153         flex-grow: 8;
 154     }
 155
 156     .sdc-user-management-flex-item:nth-child(6) {
 157         flex-grow: 8;
 158     }
 159
 160     .sdc-user-management-flex-item:nth-child(7) {
 161         flex-grow: 1;
 162     }
 163
 164     .sdc-user-management-flex-item:nth-child(8) {
 165         flex-grow: 1;
 166     }
 167
 168 }
 169