RoleManage.less 2.36 KB
Newer Older
1
.cardBox {
2

3
  height: 100%;
4

5
  overflow: hidden;
6
  width: 320px;
Maofei94's avatar
Maofei94 committed
7 8 9 10
  left: 0;
  top: 0;
  margin-right: 10px;
  position: relative;
11

12
  transition-property: width, left;
Maofei94's avatar
Maofei94 committed
13 14
  transition-duration: 0.5s;
  white-space: nowrap;
15 16 17 18 19

  .ant-card-body {
    height: 100%;
  }

20
  .ant-tree-node-content-wrapper {
Maofei94's avatar
Maofei94 committed
21 22
    display: flex;
    align-items: center;
23

24
    .ant-tree-iconEle {
Maofei94's avatar
Maofei94 committed
25 26
      display: flex;
      align-items: center;
陈前坚's avatar
陈前坚 committed
27
      width: 18px;
Maofei94's avatar
Maofei94 committed
28 29
    }
  }
30

31 32 33 34 35 36 37 38 39 40
  .switcher {
    display: block;
    position: absolute;
    font-size: 18px;
    color: #1890ff !important;
    top: 50%;
    right: 5px;
    transform: translate(0%, -50%);
    z-index: 1;
  }
41
}
42

43
.hideBox {
Maofei94's avatar
Maofei94 committed
44 45
  left: 0px;
  top: 0;
46
  width: 26px;
Maofei94's avatar
Maofei94 committed
47
}
48

49
.hideH {
Maofei94's avatar
Maofei94 committed
50 51 52
  width: 100%;
}

53

54

55 56
.treeTitle {
  display: flex;
57

58
  span {
59
    display: none;
60 61
  }
}
62

63 64
.treeTitle:hover {
  span {
65 66
    margin-left: 20px;
    display: block;
67 68
  }
}
69

70
.titleBox {
71 72 73 74
  display: flex;
  // flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
Maofei94's avatar
Maofei94 committed
75
}
76

77
.cardBoxR {
78
  height: calc(100% - 3px);
79

80 81 82
  min-width: 870px;
  overflow-y: scroll;
}
83

84
.cardBoxRNew {
85 86 87 88
  // height: calc(100vh - 160px);
  height: 100%;
  // min-width: 870px;
  // overflow-y: scroll;
89
}
90

91
.cardBoxH {
92 93
  // height: calc(100vh - 151px);
  height: 100%;
Maofei94's avatar
Maofei94 committed
94
  min-width: 870px;
Maofei94's avatar
Maofei94 committed
95
  overflow-y: scroll;
Maofei94's avatar
Maofei94 committed
96
}
97 98


99 100 101 102




Maofei94's avatar
Maofei94 committed
103

104
.hide {
Maofei94's avatar
Maofei94 committed
105
  display: block;
Maofei94's avatar
Maofei94 committed
106
  position: absolute;
Maofei94's avatar
Maofei94 committed
107
  font-size: 18px;
108
  color: #1890ff !important;
Maofei94's avatar
Maofei94 committed
109
  top: 45%;
Maofei94's avatar
Maofei94 committed
110
  right: -3px;
111
  transform: translate(0%, -50%);
Maofei94's avatar
Maofei94 committed
112 113
  z-index: 2;
}
114

115
.boxR {
Maofei94's avatar
Maofei94 committed
116
  width: 100%;
117
  height: 100%;
Maofei94's avatar
Maofei94 committed
118 119
  position: relative;
  transition: width 2s;
120 121 122 123 124 125 126 127 128 129 130 131 132 133 134

  .ant-card {
    height: 100%;
  }

  .ant-card-body {
    height: 100%;
  }

  .ant-tabs {
    height: 100%;
  }

  .ant-tabs-content {
    height: 100%;
135
    position: relative;
136
  }
陈前坚's avatar
陈前坚 committed
137
}
138

Maofei94's avatar
Maofei94 committed
139 140 141 142
// .anticon-unordered-list{
//   vertical-align: 0.125em;
//   color:#1890FF;
// }
143
.content {
Maofei94's avatar
Maofei94 committed
144
  width: 100%;
145
  height: 100%;
Maofei94's avatar
Maofei94 committed
146 147
  display: flex;
  position: relative;
148 149 150 151

  .ant-card-body {
    padding: 12px 24px 24px 10px;
  }
shaoan123's avatar
shaoan123 committed
152
}
153

154
.title {
shaoan123's avatar
shaoan123 committed
155 156
  display: flex;
  align-items: center;
157
  justify-content: space-between;
shaoan123's avatar
shaoan123 committed
158 159
  width: 100%;
}
160

161
.tip {
shaoan123's avatar
shaoan123 committed
162 163
  display: none;
}
164

165 166
.title:hover {
  .tip {
shaoan123's avatar
shaoan123 committed
167 168 169
    display: flex;
    align-items: center;
    justify-content: flex-end;
170
    width: 60%;
shaoan123's avatar
shaoan123 committed
171 172
  }
}
173

174
.fs {
shaoan123's avatar
shaoan123 committed
175 176 177
  font-size: 18px;
  margin-left: 10px;
}
178

179 180 181 182 183
.titleTop {
  width: 20rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
184
  padding-left: 10px;
185 186 187 188
}
.titleSearch {
  color: #f50;
}