1 |
|
2 | @import './base/checked.scss';
|
3 |
|
4 | .vxe-export--panel-column > ul {
|
5 | list-style-type: none;
|
6 | overflow: auto;
|
7 | margin: 0;
|
8 | padding: 0;
|
9 | user-select: none;
|
10 | & > li {
|
11 | overflow: hidden;
|
12 | text-overflow: ellipsis;
|
13 | white-space: nowrap;
|
14 | cursor: pointer;
|
15 | }
|
16 | }
|
17 |
|
18 | .vxe-export--panel {
|
19 | & > table {
|
20 | width: 100%;
|
21 | border: 0;
|
22 | table-layout: fixed;
|
23 | tr {
|
24 | td {
|
25 | padding: 0 10px;
|
26 | &:nth-child(1) {
|
27 | text-align: right;
|
28 | width: 30%;
|
29 | font-weight: 700;
|
30 | padding: 8px 10px;
|
31 | }
|
32 | &:nth-child(2) {
|
33 | width: 70%;
|
34 | }
|
35 | & > .vxe-input,
|
36 | & > .vxe-select {
|
37 | width: 80%;
|
38 | }
|
39 | & > .vxe-export--panel-option-row {
|
40 | padding: 0.25em 0;
|
41 | }
|
42 | }
|
43 | }
|
44 | }
|
45 | .vxe-export--panel-column {
|
46 | width: 80%;
|
47 | border: 1px solid $vxe-input-border-color;
|
48 | margin: 3px 0;
|
49 | border-radius: $vxe-border-radius;
|
50 | user-select: none;
|
51 | & > ul {
|
52 | & > li {
|
53 | padding: 0.2em 1em 0.2em 2.3em;
|
54 | @for $i from 2 through 8 {
|
55 | $interval: $i - 1 + 0.2;
|
56 | &.level--#{$i}{
|
57 | padding-left: #{$interval + 2.3}em;
|
58 | .vxe-checkbox--icon {
|
59 | left: #{$interval + 0.6}em;
|
60 | }
|
61 | }
|
62 | }
|
63 | }
|
64 | }
|
65 | .vxe-export--panel-column-header {
|
66 | padding: 0.1em 0;
|
67 | background-color: $vxe-table-header-background-color;
|
68 | font-weight: 700;
|
69 | border-bottom: 1px solid $vxe-table-border-color;
|
70 | }
|
71 | .vxe-export--panel-column-body {
|
72 | padding: 0.2em 0;
|
73 | min-height: 10em;
|
74 | max-height: 17.6em;
|
75 | }
|
76 | }
|
77 | .vxe-import-selected--file {
|
78 | padding-right: 40px;
|
79 | position: relative;
|
80 | overflow: hidden;
|
81 | text-overflow: ellipsis;
|
82 | white-space: nowrap;
|
83 | user-select: none;
|
84 | & > i {
|
85 | display: none;
|
86 | position: absolute;
|
87 | top: 50%;
|
88 | right: 15px;
|
89 | transform: translateY(-50%);
|
90 | font-size: 16px;
|
91 | cursor: pointer;
|
92 | }
|
93 | &:hover {
|
94 | & > i {
|
95 | display: block;
|
96 | }
|
97 | color: $vxe-primary-color;
|
98 | }
|
99 | }
|
100 | .vxe-import-select--file {
|
101 | border: 1px dashed $vxe-input-border-color;
|
102 | padding: 6px 34px;
|
103 | outline: 0;
|
104 | border-radius: $vxe-border-radius;
|
105 | background-color: $vxe-input-background-color;
|
106 | user-select: none;
|
107 | cursor: pointer;
|
108 | &:focus {
|
109 | border-color: $vxe-primary-color;
|
110 | box-shadow: 0 0 0.25em 0 $vxe-primary-color;
|
111 | }
|
112 | &:hover {
|
113 | color: $vxe-primary-color;
|
114 | border-color: $vxe-primary-color;
|
115 | }
|
116 | }
|
117 | .vxe-export--panel-btns {
|
118 | text-align: right;
|
119 | padding: 0.25em;
|
120 | }
|
121 | }
|
122 |
|
123 | .vxe-export--panel-column-option {
|
124 | @extend %XECheckbox;
|
125 | .vxe-checkbox--icon {
|
126 | left: 0.6em;
|
127 | top: 0.38em;
|
128 | }
|
129 | &:hover {
|
130 | background-color: $vxe-table-row-hover-background-color;
|
131 | }
|
132 | }
|
133 |
|
134 | .vxe-modal--wrapper {
|
135 | .vxe-export--panel-column-option {
|
136 | & > .vxe-checkbox--icon {
|
137 | font-size: $vxe-checkbox-font-size-default;
|
138 | }
|
139 | }
|
140 | &.size--medium {
|
141 | .vxe-export--panel-column-option {
|
142 | & > .vxe-checkbox--icon {
|
143 | font-size: $vxe-checkbox-font-size-medium;
|
144 | }
|
145 | }
|
146 | }
|
147 | &.size--small {
|
148 | .vxe-export--panel-column-option {
|
149 | & > .vxe-checkbox--icon {
|
150 | font-size: $vxe-checkbox-font-size-small;
|
151 | }
|
152 | }
|
153 | }
|
154 | &.size--mini {
|
155 | .vxe-export--panel-column-option {
|
156 | & > .vxe-checkbox--icon {
|
157 | font-size: $vxe-checkbox-font-size-mini;
|
158 | }
|
159 | }
|
160 | }
|
161 | } |
\ | No newline at end of file |