1 | .rc-tabs-dropdown {
|
2 | position: absolute;
|
3 | background: #fefefe;
|
4 | border: 1px solid black;
|
5 | max-height: 200px;
|
6 | overflow: auto;
|
7 | }
|
8 | .rc-tabs-dropdown-hidden {
|
9 | display: none;
|
10 | }
|
11 | .rc-tabs-dropdown-menu {
|
12 | margin: 0;
|
13 | padding: 0;
|
14 | list-style: none;
|
15 | }
|
16 | .rc-tabs-dropdown-menu-item {
|
17 | padding: 4px 8px;
|
18 | }
|
19 | .rc-tabs-dropdown-menu-item-selected {
|
20 | background: red;
|
21 | }
|
22 | .rc-tabs-dropdown-menu-item-disabled {
|
23 | opacity: 0.3;
|
24 | cursor: not-allowed;
|
25 | }
|
26 | .rc-tabs-content {
|
27 | position: relative;
|
28 | width: 100%;
|
29 | }
|
30 | .rc-tabs-content-holder {
|
31 | flex: auto;
|
32 | }
|
33 | .rc-tabs-tabpane-hidden {
|
34 | display: none;
|
35 | }
|
36 | .rc-tabs {
|
37 | display: flex;
|
38 | }
|
39 | .rc-tabs-top,
|
40 | .rc-tabs-bottom {
|
41 | flex-direction: column;
|
42 | }
|
43 | .rc-tabs-top .rc-tabs-ink-bar,
|
44 | .rc-tabs-bottom .rc-tabs-ink-bar {
|
45 | height: 3px;
|
46 | }
|
47 | .rc-tabs-top .rc-tabs-ink-bar {
|
48 | bottom: 0;
|
49 | }
|
50 | .rc-tabs-bottom .rc-tabs-nav {
|
51 | order: 1;
|
52 | }
|
53 | .rc-tabs-bottom .rc-tabs-content {
|
54 | order: 0;
|
55 | }
|
56 | .rc-tabs-bottom .rc-tabs-ink-bar {
|
57 | top: 0;
|
58 | }
|
59 | .rc-tabs-left.rc-tabs-editable .rc-tabs-tab,
|
60 | .rc-tabs-right.rc-tabs-editable .rc-tabs-tab {
|
61 | padding-right: 32px;
|
62 | }
|
63 | .rc-tabs-left .rc-tabs-nav-wrap,
|
64 | .rc-tabs-right .rc-tabs-nav-wrap {
|
65 | flex-direction: column;
|
66 | }
|
67 | .rc-tabs-left .rc-tabs-ink-bar,
|
68 | .rc-tabs-right .rc-tabs-ink-bar {
|
69 | width: 3px;
|
70 | }
|
71 | .rc-tabs-left .rc-tabs-nav,
|
72 | .rc-tabs-right .rc-tabs-nav {
|
73 | flex-direction: column;
|
74 | min-width: 50px;
|
75 | }
|
76 | .rc-tabs-left .rc-tabs-nav-list,
|
77 | .rc-tabs-right .rc-tabs-nav-list,
|
78 | .rc-tabs-left .rc-tabs-nav-operations,
|
79 | .rc-tabs-right .rc-tabs-nav-operations {
|
80 | flex: 1 0 auto;
|
81 | flex-direction: column;
|
82 | }
|
83 | .rc-tabs-left .rc-tabs-ink-bar {
|
84 | right: 0;
|
85 | }
|
86 | .rc-tabs-right .rc-tabs-nav {
|
87 | order: 1;
|
88 | }
|
89 | .rc-tabs-right .rc-tabs-content {
|
90 | order: 0;
|
91 | }
|
92 | .rc-tabs-right .rc-tabs-ink-bar {
|
93 | left: 0;
|
94 | }
|
95 | .rc-tabs-rtl {
|
96 | direction: rtl;
|
97 | }
|
98 | .rc-tabs-dropdown-rtl {
|
99 | direction: rtl;
|
100 | }
|
101 | .rc-tabs {
|
102 | border: 1px solid gray;
|
103 | font-size: 14px;
|
104 | overflow: hidden;
|
105 | }
|
106 | .rc-tabs-nav {
|
107 | display: flex;
|
108 | flex: none;
|
109 | position: relative;
|
110 | }
|
111 | .rc-tabs-nav-measure,
|
112 | .rc-tabs-nav-wrap {
|
113 | transform: translate(0);
|
114 | position: relative;
|
115 | display: inline-block;
|
116 | flex: auto;
|
117 | white-space: nowrap;
|
118 | overflow: hidden;
|
119 | display: flex;
|
120 | }
|
121 | .rc-tabs-nav-measure-ping-left::before,
|
122 | .rc-tabs-nav-wrap-ping-left::before,
|
123 | .rc-tabs-nav-measure-ping-right::after,
|
124 | .rc-tabs-nav-wrap-ping-right::after {
|
125 | content: '';
|
126 | position: absolute;
|
127 | top: 0;
|
128 | bottom: 0;
|
129 | }
|
130 | .rc-tabs-nav-measure-ping-left::before,
|
131 | .rc-tabs-nav-wrap-ping-left::before {
|
132 | left: 0;
|
133 | border-left: 1px solid red;
|
134 | }
|
135 | .rc-tabs-nav-measure-ping-right::after,
|
136 | .rc-tabs-nav-wrap-ping-right::after {
|
137 | right: 0;
|
138 | border-right: 1px solid red;
|
139 | }
|
140 | .rc-tabs-nav-measure-ping-top::before,
|
141 | .rc-tabs-nav-wrap-ping-top::before,
|
142 | .rc-tabs-nav-measure-ping-bottom::after,
|
143 | .rc-tabs-nav-wrap-ping-bottom::after {
|
144 | content: '';
|
145 | position: absolute;
|
146 | left: 0;
|
147 | right: 0;
|
148 | }
|
149 | .rc-tabs-nav-measure-ping-top::before,
|
150 | .rc-tabs-nav-wrap-ping-top::before {
|
151 | top: 0;
|
152 | border-top: 1px solid red;
|
153 | }
|
154 | .rc-tabs-nav-measure-ping-bottom::after,
|
155 | .rc-tabs-nav-wrap-ping-bottom::after {
|
156 | bottom: 0;
|
157 | border-top: 1px solid red;
|
158 | }
|
159 | .rc-tabs-nav-list {
|
160 | display: flex;
|
161 | position: relative;
|
162 | transition: transform 0.3s;
|
163 | }
|
164 | .rc-tabs-nav-operations {
|
165 | display: flex;
|
166 | }
|
167 | .rc-tabs-nav-operations-hidden {
|
168 | position: absolute;
|
169 | visibility: hidden;
|
170 | pointer-events: none;
|
171 | }
|
172 | .rc-tabs-nav-more {
|
173 | border: 1px solid blue;
|
174 | background: rgba(255, 0, 0, 0.1);
|
175 | }
|
176 | .rc-tabs-nav-add {
|
177 | border: 1px solid green;
|
178 | background: rgba(0, 255, 0, 0.1);
|
179 | }
|
180 | .rc-tabs-tab {
|
181 | border: 0;
|
182 | font-size: 20px;
|
183 | background: rgba(255, 255, 255, 0.5);
|
184 | margin: 0;
|
185 | display: flex;
|
186 | outline: none;
|
187 | cursor: pointer;
|
188 | position: relative;
|
189 | font-weight: lighter;
|
190 | align-items: center;
|
191 | }
|
192 | .rc-tabs-tab-btn,
|
193 | .rc-tabs-tab-remove {
|
194 | border: 0;
|
195 | background: transparent;
|
196 | }
|
197 | .rc-tabs-tab-btn {
|
198 | font-weight: inherit;
|
199 | line-height: 32px;
|
200 | }
|
201 | .rc-tabs-tab-remove:hover {
|
202 | color: red;
|
203 | }
|
204 | .rc-tabs-tab-active {
|
205 | font-weight: bolder;
|
206 | }
|
207 | .rc-tabs-ink-bar {
|
208 | position: absolute;
|
209 | background: red;
|
210 | pointer-events: none;
|
211 | }
|
212 | .rc-tabs-ink-bar-animated {
|
213 | transition: all 0.3s;
|
214 | }
|
215 | .rc-tabs-extra-content {
|
216 | flex: none;
|
217 | }
|