@omnigrid/style 0.1.5 → 0.1.6

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.
Files changed (2) hide show
  1. package/dist/index.css +36 -1
  2. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -205,6 +205,12 @@
205
205
  }
206
206
 
207
207
  .omnigrid-popup-control {
208
+ align-items: center;
209
+ display: inline-flex;
210
+ gap: 6px;
211
+ }
212
+
213
+ .omnigrid-popup-anchor {
208
214
  position: relative;
209
215
  }
210
216
 
@@ -218,9 +224,33 @@
218
224
  }
219
225
 
220
226
  .omnigrid-control-button {
227
+ align-items: center;
228
+ border: 1px solid var(--omnigrid-grid-border, #ccc);
229
+ border-radius: 3px;
230
+ display: inline-flex;
231
+ gap: 8px;
232
+ padding: 3px 8px;
221
233
  white-space: nowrap;
222
234
  }
223
235
 
236
+ .omnigrid-control-button::after {
237
+ border-bottom: 1px solid currentColor;
238
+ border-right: 1px solid currentColor;
239
+ content: "";
240
+ height: 5px;
241
+ transform: translateY(-1px) rotate(45deg);
242
+ width: 5px;
243
+ }
244
+
245
+ .omnigrid-control-button:hover {
246
+ background: var(--omnigrid-cell-hover-background, #eee);
247
+ }
248
+
249
+ .omnigrid-control-button:focus-visible {
250
+ outline: 2px solid currentColor;
251
+ outline-offset: 1px;
252
+ }
253
+
224
254
  .omnigrid-popup-menu {
225
255
  background: var(--omnigrid-grid-background, #fff);
226
256
  border: 1px solid var(--omnigrid-grid-border, #ccc);
@@ -229,12 +259,17 @@
229
259
  display: flex;
230
260
  flex-direction: column;
231
261
  left: 0;
232
- min-width: 100%;
262
+ min-width: 50px;
233
263
  padding: 4px;
234
264
  position: absolute;
235
265
  z-index: 10;
236
266
  }
237
267
 
268
+ .omnigrid-popup-menu-below {
269
+ bottom: auto;
270
+ top: calc(100% + 6px);
271
+ }
272
+
238
273
  .omnigrid-popup-option {
239
274
  padding: 4px 8px;
240
275
  text-align: left;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omnigrid/style",
3
- "version": "0.1.5",
3
+ "version": "0.1.6",
4
4
  "description": "Shared styles for OmniGrid",
5
5
  "keywords": [
6
6
  "omnigrid",