@serkonda7/solid-components 0.2.1 → 0.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/data-table.d.ts +11 -6
- package/dist/index.js +703 -577
- package/dist/styles.css +51 -33
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -104,28 +104,6 @@
|
|
|
104
104
|
cursor: pointer;
|
|
105
105
|
}
|
|
106
106
|
|
|
107
|
-
.data-table-customizer-move {
|
|
108
|
-
display: inline-flex;
|
|
109
|
-
padding: 0.125rem;
|
|
110
|
-
border: 0;
|
|
111
|
-
border-radius: 0.25rem;
|
|
112
|
-
background: none;
|
|
113
|
-
color: inherit;
|
|
114
|
-
cursor: pointer;
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
.data-table-customizer-move:hover:not(:disabled) {
|
|
118
|
-
background: var(
|
|
119
|
-
--data-table-customizer-hover-bg,
|
|
120
|
-
var(--surface-hover, light-dark(#f5f5f5, #292d33))
|
|
121
|
-
);
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.data-table-customizer-move:disabled {
|
|
125
|
-
opacity: 0.3;
|
|
126
|
-
cursor: default;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
107
|
.data-table-customizer-option:has(input:disabled) {
|
|
130
108
|
opacity: 0.6;
|
|
131
109
|
cursor: not-allowed;
|
|
@@ -143,8 +121,57 @@
|
|
|
143
121
|
border-collapse: collapse;
|
|
144
122
|
}
|
|
145
123
|
|
|
146
|
-
.data-table-
|
|
147
|
-
|
|
124
|
+
.data-table-resized {
|
|
125
|
+
table-layout: fixed;
|
|
126
|
+
max-width: none;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
.data-table-resized th,
|
|
130
|
+
.data-table-resized td {
|
|
131
|
+
box-sizing: border-box;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.data-table-resized td {
|
|
135
|
+
overflow: hidden;
|
|
136
|
+
text-overflow: ellipsis;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.data-table th:has(> .data-table-resize-handle) {
|
|
140
|
+
position: relative;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.data-table-resize-handle {
|
|
144
|
+
position: absolute;
|
|
145
|
+
z-index: 1;
|
|
146
|
+
top: 0;
|
|
147
|
+
right: -4px;
|
|
148
|
+
bottom: 0;
|
|
149
|
+
width: 8px;
|
|
150
|
+
cursor: col-resize;
|
|
151
|
+
touch-action: none;
|
|
152
|
+
user-select: none;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.data-table-resize-handle::after {
|
|
156
|
+
content: "";
|
|
157
|
+
position: absolute;
|
|
158
|
+
top: 0;
|
|
159
|
+
bottom: 0;
|
|
160
|
+
left: 3px;
|
|
161
|
+
width: 2px;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.data-table-resize-handle:hover::after,
|
|
165
|
+
.data-table-resize-handle:focus-visible::after,
|
|
166
|
+
.data-table-resize-handle:active::after {
|
|
167
|
+
background: var(
|
|
168
|
+
--data-table-border,
|
|
169
|
+
var(--border, light-dark(#8a8a8a, #6a6e75))
|
|
170
|
+
);
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.data-table-resize-handle:focus-visible {
|
|
174
|
+
outline: none;
|
|
148
175
|
}
|
|
149
176
|
|
|
150
177
|
.data-table-sort {
|
|
@@ -176,15 +203,6 @@
|
|
|
176
203
|
color: var(--text-secondary, #616161);
|
|
177
204
|
}
|
|
178
205
|
|
|
179
|
-
.data-table-visually-hidden {
|
|
180
|
-
position: absolute;
|
|
181
|
-
width: 1px;
|
|
182
|
-
height: 1px;
|
|
183
|
-
overflow: hidden;
|
|
184
|
-
clip: rect(0 0 0 0);
|
|
185
|
-
white-space: nowrap;
|
|
186
|
-
}
|
|
187
|
-
|
|
188
206
|
/* Combobox: text input plus an absolutely positioned listbox below it. */
|
|
189
207
|
.combobox {
|
|
190
208
|
position: relative;
|