RoleManage.less 2.72 KB
Newer Older
1 2 3 4
.ant-spin-container {
  height: 100%;
}

5
.cardBox {
6 7 8 9
  // min-height: calc(100vh - 74px);
  // max-height: calc(100vh - 74px);
  height: 100%;
  // overflow-y: scroll;
Maofei94's avatar
Maofei94 committed
10
  // overflow: auto;
11
  overflow: hidden;
12
  width: 320px;
Maofei94's avatar
Maofei94 committed
13 14 15 16 17
  left: 0;
  top: 0;
  margin-right: 10px;
  position: relative;
  // transition: left,width 10s;
18
  transition-property: width, left;
Maofei94's avatar
Maofei94 committed
19 20
  transition-duration: 0.5s;
  white-space: nowrap;
21 22 23 24 25

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

26
  .ant-tree-node-content-wrapper {
Maofei94's avatar
Maofei94 committed
27 28
    display: flex;
    align-items: center;
29

30
    .ant-tree-iconEle {
Maofei94's avatar
Maofei94 committed
31 32
      display: flex;
      align-items: center;
陈前坚's avatar
陈前坚 committed
33
      width: 18px;
Maofei94's avatar
Maofei94 committed
34 35
    }
  }
36

37 38 39 40 41 42 43 44 45 46
  .switcher {
    display: block;
    position: absolute;
    font-size: 18px;
    color: #1890ff !important;
    top: 50%;
    right: 5px;
    transform: translate(0%, -50%);
    z-index: 1;
  }
47
}
48

49
.hideBox {
Maofei94's avatar
Maofei94 committed
50 51
  left: 0px;
  top: 0;
52
  width: 26px;
Maofei94's avatar
Maofei94 committed
53
}
54

55
.hideH {
Maofei94's avatar
Maofei94 committed
56 57 58
  width: 100%;
}

59
.ant-tree-node-content-wrapper-open {
60 61 62
  display: flex;
  align-items: center;
}
63

64 65
.treeTitle {
  display: flex;
66

67
  span {
68
    display: none;
69 70
  }
}
71

72 73
.treeTitle:hover {
  span {
74 75
    margin-left: 20px;
    display: block;
76 77
  }
}
78

79
.titleBox {
80 81 82 83
  display: flex;
  // flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
Maofei94's avatar
Maofei94 committed
84
}
85

86
.cardBoxR {
87 88
  height: calc(100% - 36px);

89 90 91
  min-width: 870px;
  overflow-y: scroll;
}
92

93
.cardBoxRNew {
94 95 96 97
  // height: calc(100vh - 160px);
  height: 100%;
  // min-width: 870px;
  // overflow-y: scroll;
98
}
99

100
.cardBoxH {
101 102
  // height: calc(100vh - 151px);
  height: 100%;
Maofei94's avatar
Maofei94 committed
103
  min-width: 870px;
Maofei94's avatar
Maofei94 committed
104
  overflow-y: scroll;
Maofei94's avatar
Maofei94 committed
105
}
106

107 108
:global {
  .ant-tree-switcher {
Maofei94's avatar
Maofei94 committed
109 110
    display: flex;
    align-items: center;
陈前坚's avatar
陈前坚 committed
111
    margin-right: -8px;
112
    margin-left: 5px;
113

Maofei94's avatar
Maofei94 committed
114
    // color:#1890FF;
115
    .ant-tree-switcher-line-icon {
Maofei94's avatar
Maofei94 committed
116
      // margin-left: 5px;
117
    }
Maofei94's avatar
Maofei94 committed
118
  }
Maofei94's avatar
Maofei94 committed
119 120
}

121
.hide {
Maofei94's avatar
Maofei94 committed
122
  display: block;
Maofei94's avatar
Maofei94 committed
123
  position: absolute;
Maofei94's avatar
Maofei94 committed
124
  font-size: 18px;
125
  color: #1890ff !important;
Maofei94's avatar
Maofei94 committed
126
  top: 45%;
Maofei94's avatar
Maofei94 committed
127
  right: -3px;
128
  transform: translate(0%, -50%);
Maofei94's avatar
Maofei94 committed
129 130
  z-index: 2;
}
131

132
.boxR {
Maofei94's avatar
Maofei94 committed
133
  width: 100%;
134
  height: 100%;
Maofei94's avatar
Maofei94 committed
135 136
  position: relative;
  transition: width 2s;
137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153

  .ant-card {
    height: 100%;
  }

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

  .ant-tabs {
    height: 100%;
  }

  .ant-tabs-content {
    height: 100%;

  }
陈前坚's avatar
陈前坚 committed
154
}
155

Maofei94's avatar
Maofei94 committed
156 157 158 159
// .anticon-unordered-list{
//   vertical-align: 0.125em;
//   color:#1890FF;
// }
160
.content {
Maofei94's avatar
Maofei94 committed
161
  width: 100%;
162
  height: 100%;
Maofei94's avatar
Maofei94 committed
163 164
  display: flex;
  position: relative;
shaoan123's avatar
shaoan123 committed
165
}
166

167
.title {
shaoan123's avatar
shaoan123 committed
168 169
  display: flex;
  align-items: center;
170
  justify-content: space-between;
shaoan123's avatar
shaoan123 committed
171 172
  width: 100%;
}
173

174
.tip {
shaoan123's avatar
shaoan123 committed
175 176
  display: none;
}
177

178 179
.title:hover {
  .tip {
shaoan123's avatar
shaoan123 committed
180 181 182
    display: flex;
    align-items: center;
    justify-content: flex-end;
183
    width: 60%;
shaoan123's avatar
shaoan123 committed
184 185
  }
}
186

187
.fs {
shaoan123's avatar
shaoan123 committed
188 189 190
  font-size: 18px;
  margin-left: 10px;
}
191

192 193 194 195 196
.titleTop {
  width: 20rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
197
  padding-left: 10px;
198
}