UserManage.less 7.35 KB
Newer Older
皮倩雯's avatar
皮倩雯 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14
:global {
  ::-webkit-scrollbar {
    height: 6px; //x轴滚动条粗细
    width: 6px; //y轴滚动条粗细
    border-bottom: 2px solid white;
  }

  //滚动条里面的小方块,能上下左右移动(取决于是垂直滚动条还是水平滚动条)
  ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    background: rgba(74, 74, 75, 0.3);
    margin-bottom: 10px;
  }
15

皮倩雯's avatar
皮倩雯 committed
16 17 18 19 20 21 22 23 24 25
  //滚动条的轨道(里面装有thumb)滚动槽
  ::-webkit-scrollbar-track {
    box-shadow: 0;
    border-radius: 0;
    background: white; //滚动槽背景色
    border-radius: 10px; //滚动条边框半径设置
  }

  .ant-tree-node-content-wrapper {
    width: 100%;
26

27
    // overflow: hidden !important;
皮倩雯's avatar
皮倩雯 committed
28 29 30 31 32 33
    .ant-tree-title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: flex !important;
      justify-content: space-between;
皮倩雯's avatar
皮倩雯 committed
34
    }
皮倩雯's avatar
皮倩雯 committed
35
  }
36

皮倩雯's avatar
皮倩雯 committed
37 38 39 40
  .ant-pagination-prev,
  .ant-pagination-next {
    line-height: 8px !important;
  }
41

皮倩雯's avatar
皮倩雯 committed
42 43 44
  .ant-input-search-button {
    line-height: 1;
  }
45 46

  .ant-dropdown-menu-item>.anticon:first-child {
皮倩雯's avatar
皮倩雯 committed
47 48
    vertical-align: 0.15em !important;
  }
49

皮倩雯's avatar
皮倩雯 committed
50
  .ant-table-tbody {
51
    .ant-table-row:hover>td {
皮倩雯's avatar
皮倩雯 committed
52
      background: #aed8fa !important;
53
    }
皮倩雯's avatar
皮倩雯 committed
54
  }
55

皮倩雯's avatar
皮倩雯 committed
56 57 58
  .ant-modal-close-icon {
    vertical-align: 0.3em;
  }
59

皮倩雯's avatar
皮倩雯 committed
60 61 62
  .ant-notification-close-icon {
    vertical-align: 0.2em;
  }
63

皮倩雯's avatar
皮倩雯 committed
64 65 66 67
  .ant-tree-switcher-icon svg {
    font-size: 14px;
    color: #767777 !important;
  }
68

皮倩雯's avatar
皮倩雯 committed
69 70 71
  .ant-card-body {
    padding: 12px 24px 24px 10px;
  }
72
}
73

皮倩雯's avatar
皮倩雯 committed
74 75 76
.redText {
  color: red;
  cursor: pointer;
张烨's avatar
张烨 committed
77
}
78

皮倩雯's avatar
皮倩雯 committed
79 80
.ant-layout {
  overflow: auto;
81

皮倩雯's avatar
皮倩雯 committed
82 83 84
  .ant-layout-content {
    margin: 12px !important;
  }
陈前坚's avatar
陈前坚 committed
85
}
86 87 88

.ant-btn>.anticon+span,
.ant-btn>span+.anticon {
皮倩雯's avatar
皮倩雯 committed
89 90
  margin-left: 8px;
  vertical-align: middle;
皮倩雯's avatar
皮倩雯 committed
91
}
92

皮倩雯's avatar
皮倩雯 committed
93 94 95 96 97 98
.siteTitle {
  font-size: 16px;
  margin: 0 0 6px 0;
  user-select: none;
  padding: 3px;
  border-bottom: 1px solid #ccc;
张烨's avatar
张烨 committed
99
}
100

皮倩雯's avatar
皮倩雯 committed
101
.userManageContainer {
102
  height: 100%;
皮倩雯's avatar
皮倩雯 committed
103 104 105
  .ant-modal-footer {
    border: none;
    padding: 28px 40px;
106
    height: 100%;
皮倩雯's avatar
皮倩雯 committed
107
  }
108

皮倩雯's avatar
皮倩雯 committed
109 110 111
  .ant-form-item {
    vertical-align: top;
  }
112 113

  .ant-form-item-label>label {
皮倩雯's avatar
皮倩雯 committed
114 115
    align-items: middle;
  }
116

皮倩雯's avatar
皮倩雯 committed
117 118 119 120
  .ant-modal-body {
    padding-bottom: 0px;
    padding-right: 40px;
    padding-left: 40px;
121

皮倩雯's avatar
皮倩雯 committed
122 123
    .ant-form {
      width: 90%;
皮倩雯's avatar
皮倩雯 committed
124
    }
皮倩雯's avatar
皮倩雯 committed
125
  }
126

127 128 129
  // .anticon svg {
  //   margin-top: -3px;
  // }
皮倩雯's avatar
皮倩雯 committed
130 131 132 133 134 135
  .ant-popover-message {
    position: relative;
    padding: 0px 0 0px;
    color: rgba(0, 0, 0, 0.85);
    font-size: 14px;
  }
136

皮倩雯's avatar
皮倩雯 committed
137 138
  .ant-tree-treenode {
    width: 100% !important;
139

皮倩雯's avatar
皮倩雯 committed
140 141 142
    .ant-tree-node-content-wrapper {
      display: inline-block;
      width: 100%;
皮倩雯's avatar
皮倩雯 committed
143
    }
皮倩雯's avatar
皮倩雯 committed
144 145 146

    .iconWraper1 {
      float: right;
147

皮倩雯's avatar
皮倩雯 committed
148 149 150
      span {
        display: none;
      }
皮倩雯's avatar
皮倩雯 committed
151
    }
皮倩雯's avatar
皮倩雯 committed
152
  }
153

皮倩雯's avatar
皮倩雯 committed
154
  .ant-tree-treenode:hover {
155
    .iconWraper1>span {
皮倩雯's avatar
皮倩雯 committed
156 157 158
      margin-left: 12px;
      font-size: 18px;
      display: inline-block;
皮倩雯's avatar
皮倩雯 committed
159
    }
皮倩雯's avatar
皮倩雯 committed
160
  }
161

皮倩雯's avatar
皮倩雯 committed
162 163 164
  .ant-radio-group {
    margin: 0px !important;
  }
165

皮倩雯's avatar
皮倩雯 committed
166 167 168
  .contentContainer {
    display: flex;
    width: 100%;
169
    height: 100%;
皮倩雯's avatar
皮倩雯 committed
170
    position: relative;
171

172 173 174
    // .ant-table.ant-table-bordered > .ant-table-container {
    //   min-width: 81%;
    // }
175 176 177
    .ant-tree-switcher_close .ant-tree-switcher-icon svg {
      margin: auto;
    }
178 179 180 181 182

    .ant-spin-container {
      height: 100%;
    }

皮倩雯's avatar
皮倩雯 committed
183
    .orgContainer {
184 185
      // height: calc(100vh - 74px);
      height: 100%;
186
      width: 320px;
187
      padding-right: 10px;
皮倩雯's avatar
皮倩雯 committed
188 189 190 191 192
      left: 0;
      top: 0;
      overflow-x: hidden;
      margin-right: 10px;
      position: relative;
邓超's avatar
邓超 committed
193
      transition-property: width;
皮倩雯's avatar
皮倩雯 committed
194 195
      transition-duration: 0.5s;
      white-space: nowrap;
196 197 198
      .ant-card-body {
        height: 100%;
      }
皮倩雯's avatar
皮倩雯 committed
199 200
      .ant-tree {
        padding-top: 6px;
201

皮倩雯's avatar
皮倩雯 committed
202 203
        .ant-tree-switcher {
          line-height: 1;
204
          margin-right: 0px !important;
皮倩雯's avatar
皮倩雯 committed
205
          color: #1890ff;
206

皮倩雯's avatar
皮倩雯 committed
207 208 209
          .ant-tree-switcher-line-icon {
            margin-left: 5px;
          }
210
        }
皮倩雯's avatar
皮倩雯 committed
211
      }
212

皮倩雯's avatar
皮倩雯 committed
213 214 215 216 217 218 219 220 221 222 223
      .switcher {
        display: block;
        position: absolute;
        font-size: 18px;
        color: #1890ff !important;
        top: 50%;
        right: 2px;
        transform: translate(0%, -50%);
        z-index: 1;
      }
    }
陈前坚's avatar
陈前坚 committed
224

皮倩雯's avatar
皮倩雯 committed
225 226 227
    .orgContainerHide {
      // transform: translateX(-230px);
      width: 26px;
陈前坚's avatar
陈前坚 committed
228
    }
229

皮倩雯's avatar
皮倩雯 committed
230 231 232
    .ant-popover-message-title {
      padding-left: 20px;
    }
233

皮倩雯's avatar
皮倩雯 committed
234 235 236 237
    .title1 {
      display: flex;
      align-items: center;
      width: 100%;
238
    }
239

皮倩雯's avatar
皮倩雯 committed
240 241
    .tip1 {
      display: none;
皮倩雯's avatar
皮倩雯 committed
242
    }
243

皮倩雯's avatar
皮倩雯 committed
244 245 246 247
    .fs1 {
      font-size: 18px;
      margin-left: 10px;
    }
248

249 250 251 252
    .listHover {
      display: flex;
      align-items: center;
      justify-content: flex-end;
253
      width: 25%;
254
    }
255

皮倩雯's avatar
皮倩雯 committed
256 257
    .title1:hover {
      .tip1 {
258
        display: flex;
皮倩雯's avatar
皮倩雯 committed
259 260
        align-items: center;
        justify-content: flex-end;
261
        width: 25%;
皮倩雯's avatar
皮倩雯 committed
262 263
      }
    }
264

皮倩雯's avatar
皮倩雯 committed
265
    .titleText {
266
      width: 20rem;
皮倩雯's avatar
皮倩雯 committed
267 268 269 270
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
271

272 273 274
    .userContainerHide {
      width: 100%;
    }
275

皮倩雯's avatar
皮倩雯 committed
276
    .userContainer {
277 278
      // height: calc(100vh - 74px) !important;
      height: 100%;
皮倩雯's avatar
皮倩雯 committed
279 280
      z-index: 999;
      background: white;
281
      min-width: 800px;
皮倩雯's avatar
皮倩雯 committed
282 283 284
      width: 100%;
      position: relative;
      transition: width 0.5s;
285

皮倩雯's avatar
皮倩雯 committed
286 287 288 289 290 291 292 293 294
      .title {
        margin: 16px 0 10px 16px;
        display: inline-block;
        // width: 270px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
295

皮倩雯's avatar
皮倩雯 committed
296 297 298 299 300 301 302
      .ant-table-pagination {
        padding-right: 12px;
        background: white;
        margin: 1px 0;
        padding: 8px;
        padding-right: 20px;
      }
303

皮倩雯's avatar
皮倩雯 committed
304 305
      .ant-btn {
        margin: 0px 10px;
306

皮倩雯's avatar
皮倩雯 committed
307 308
        .ant-btn-primary {
          background: #50aefc;
309
        }
皮倩雯's avatar
皮倩雯 committed
310
      }
311

皮倩雯's avatar
皮倩雯 committed
312 313 314
      .ant-input-search-button {
        margin-left: 0px !important;
      }
315

皮倩雯's avatar
皮倩雯 committed
316 317 318 319
      .ant-table-thead tr th {
        font-weight: 600;
        color: rgba(0, 0, 0, 0.85);
      }
320

皮倩雯's avatar
皮倩雯 committed
321 322 323 324 325 326
      .ant-table-cell {
        text-align: center;
        overflow: hidden;
        // text-overflow:ellipsis;
        white-space: nowrap;
      }
327

皮倩雯's avatar
皮倩雯 committed
328
      .ant-table-body {
329 330
        // height: calc(100vh - 210px);
        // height: 100%;
皮倩雯's avatar
皮倩雯 committed
331
        border-right: white;
332
        // overflow: auto !important;
皮倩雯's avatar
皮倩雯 committed
333
      }
334

皮倩雯's avatar
皮倩雯 committed
335 336 337
      .clickRowStyle {
        background: #cfe7fd;
      }
338

皮倩雯's avatar
皮倩雯 committed
339 340 341 342
      .ant-pagination {
        z-index: 999;
        border-top: 1px solid #f0eded;
      }
陈前坚's avatar
陈前坚 committed
343
    }
皮倩雯's avatar
皮倩雯 committed
344
  }
345

346 347 348 349 350
  .boxR {
    width: 100%;
    position: relative;
    transition: width 2s;
  }
351

352
  .cardBoxR {
353
    min-width: 800px;
354
  }
355

皮倩雯's avatar
皮倩雯 committed
356 357 358 359
  .ant-modal-root {
    .ant-tree-switcher {
      line-height: 1;
      color: #1890ff;
陈前坚's avatar
陈前坚 committed
360
    }
361

陈前坚's avatar
陈前坚 committed
362
    .ant-checkbox-group .ant-checkbox-group-item {
皮倩雯's avatar
皮倩雯 committed
363 364
      margin-right: 0px !important;
      min-width: 200px !important;
陈前坚's avatar
陈前坚 committed
365
    }
366

皮倩雯's avatar
皮倩雯 committed
367 368 369 370
    .ant-tree-list-holder {
      overflow: auto;
      overflow-x: hidden;
      height: 40vh;
371
    }
372

皮倩雯's avatar
皮倩雯 committed
373 374 375
    .ant-tabs-content-holder {
      overflow: auto;
      height: 50vh;
376
    }
皮倩雯's avatar
皮倩雯 committed
377
  }
皮倩雯's avatar
皮倩雯 committed
378
}
皮倩雯's avatar
皮倩雯 committed
379

皮倩雯's avatar
皮倩雯 committed
380 381 382
.ant-modal-content {
  border-radius: 5px;
}
383

皮倩雯's avatar
皮倩雯 committed
384 385 386
.ant-modal-header {
  border-radius: 5px 5px 0 0;
  padding: 28px 40px;
皮倩雯's avatar
皮倩雯 committed
387
}
388

皮倩雯's avatar
皮倩雯 committed
389 390 391
.ant-modal-close {
  top: 14px;
  right: 20px;
皮倩雯's avatar
皮倩雯 committed
392
}
393

394
.ant-modal-footer .ant-btn+.ant-btn:not(.ant-dropdown-trigger) {
皮倩雯's avatar
皮倩雯 committed
395 396
  margin-bottom: 0;
  margin-left: 15px;
皮倩雯's avatar
皮倩雯 committed
397
}
398

399 400 401
// .ant-form-horizontal .ant-form-item-control {
//     margin-left: 10px;
// }
皮倩雯's avatar
皮倩雯 committed
402

皮倩雯's avatar
皮倩雯 committed
403 404 405 406
.ant-popover-inner {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.788);
}
407

皮倩雯's avatar
皮倩雯 committed
408 409
.ant-popover-inner-content {
  padding: 10px 10px;
410
}
皮倩雯's avatar
皮倩雯 committed
411

412
.ant-popover-message>.anticon {
皮倩雯's avatar
皮倩雯 committed
413
  top: 7.0005px;
414
}
415

416 417 418
// .ant-tree {
//     overflow-y: scroll;
//     height: calc(100vh - 150px);
419
// }