@omnigrid/style 0.1.6 → 0.1.8
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/dist/index.css +57 -0
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -76,6 +76,42 @@
|
|
|
76
76
|
color: var(--omnigrid-header-color);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
|
+
.omnigrid-column-resize-handle {
|
|
80
|
+
position: absolute;
|
|
81
|
+
top: 0;
|
|
82
|
+
right: -8px;
|
|
83
|
+
width: 16px;
|
|
84
|
+
height: 100%;
|
|
85
|
+
cursor: col-resize;
|
|
86
|
+
opacity: 0;
|
|
87
|
+
pointer-events: auto;
|
|
88
|
+
transition: opacity 120ms ease, background-color 120ms ease;
|
|
89
|
+
background: color-mix(in srgb, var(--omnigrid-column-resize-color, #2563eb) 14%, transparent);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.omnigrid-column-resize-handle-left {
|
|
93
|
+
left: -8px;
|
|
94
|
+
right: auto;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.omnigrid-column-resize-handle::before {
|
|
98
|
+
background: var(--omnigrid-column-resize-color, #2563eb);
|
|
99
|
+
bottom: 0;
|
|
100
|
+
content: "";
|
|
101
|
+
display: block;
|
|
102
|
+
height: 100%;
|
|
103
|
+
left: 8px;
|
|
104
|
+
position: absolute;
|
|
105
|
+
top: 0;
|
|
106
|
+
transform: translateX(-50%);
|
|
107
|
+
width: 2px;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.omnigrid-column-resize-handle:hover,
|
|
111
|
+
.omnigrid-column-resize-handle:active {
|
|
112
|
+
opacity: 1;
|
|
113
|
+
}
|
|
114
|
+
|
|
79
115
|
/* Pinned panes have no border so their contents stay aligned to core-computed offsets. */
|
|
80
116
|
.omnigrid-pinned-right [role="cell"]:first-child,
|
|
81
117
|
.omnigrid-pinned-right [role="columnheader"]:first-child {
|
|
@@ -318,7 +354,28 @@
|
|
|
318
354
|
}
|
|
319
355
|
|
|
320
356
|
.omnigrid-sort-indicator {
|
|
357
|
+
align-items: center;
|
|
358
|
+
display: inline-flex;
|
|
321
359
|
font-size: 10px;
|
|
360
|
+
justify-content: center;
|
|
361
|
+
position: relative;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.omnigrid-sort-priority {
|
|
365
|
+
align-items: center;
|
|
366
|
+
background: var(--omnigrid-header-background);
|
|
367
|
+
border: 1px solid var(--omnigrid-header-border);
|
|
368
|
+
border-radius: 999px;
|
|
369
|
+
display: inline-flex;
|
|
370
|
+
font-size: 8px;
|
|
371
|
+
height: 10px;
|
|
372
|
+
justify-content: center;
|
|
373
|
+
line-height: 1;
|
|
374
|
+
min-width: 10px;
|
|
375
|
+
position: absolute;
|
|
376
|
+
right: -2px;
|
|
377
|
+
top: -5px;
|
|
378
|
+
z-index: 1;
|
|
322
379
|
}
|
|
323
380
|
|
|
324
381
|
.omnigrid-header-label {
|