@xiee/utils 1.14.74 → 1.14.75
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/css/lt-interactive.css
CHANGED
|
@@ -11,11 +11,23 @@
|
|
|
11
11
|
padding-right: 0;
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
/*
|
|
15
|
-
* filter
|
|
14
|
+
/* Each box fills its cell: the whole table for the search, one column for a
|
|
15
|
+
* filter. A faded magnifier stands in for a placeholder — it says "type here
|
|
16
|
+
* to search" in no language — and steps aside once the box has the focus. */
|
|
16
17
|
.lti-search,
|
|
17
18
|
.lti-filters input {
|
|
18
19
|
width: 100%;
|
|
20
|
+
padding-left: 1.6em;
|
|
21
|
+
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="gray" stroke-width="2"><circle cx="6.5" cy="6.5" r="4.5"/><path d="M10 10l5 5"/></svg>');
|
|
22
|
+
background-repeat: no-repeat;
|
|
23
|
+
background-position: 0.4em center;
|
|
24
|
+
background-size: 1em;
|
|
25
|
+
}
|
|
26
|
+
/* on focus the icon goes away entirely, space included, so the caret sits at
|
|
27
|
+
* the left edge instead of behind what looks like leading whitespace */
|
|
28
|
+
:is(.lti-search, .lti-filters input):focus {
|
|
29
|
+
padding-left: revert;
|
|
30
|
+
background-image: none;
|
|
19
31
|
}
|
|
20
32
|
|
|
21
33
|
.lti-sortable {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
.lt-table{& :is(.lti-head,.lti-pager-row) td{padding-left:0;padding-right:0}& .lti-search,& .lti-filters input{width:100
|
|
1
|
+
.lt-table{& :is(.lti-head,.lti-pager-row) td{padding-left:0;padding-right:0}& .lti-search,& .lti-filters input{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"gray\" stroke-width=\"2\"><circle cx=\"6.5\" cy=\"6.5\" r=\"4.5\"/><path d=\"M10 10l5 5\"/></svg>");background-position:.4em;background-repeat:no-repeat;background-size:1em;width:100%;padding-left:1.6em}& :is(.lti-search,.lti-filters input):focus{padding-left:revert;background-image:none}& .lti-sortable{cursor:pointer;user-select:none}& .lti-sort{margin-left:.3em;font-size:.8em}& .lti-empty td{text-align:center}& th:has(.lti-resizer){position:relative}& .lti-resizer{cursor:col-resize;user-select:none;touch-action:none;width:5px;height:100%;position:absolute;top:0;right:0}& .lti-resizer:hover{opacity:.3;background:currentColor}&.lti-resizing{cursor:col-resize;user-select:none}&.lti-fixed{table-layout:fixed}& .lti-pager{align-items:center;gap:.3em;display:flex}& .lti-pager :is(button,select){font:inherit;cursor:pointer}& .lti-pos{margin:0 auto 0 .3em}}
|
|
2
2
|
/*# sourceMappingURL=lt-interactive.min.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAKA,UAGE,
|
|
1
|
+
{"version":3,"mappings":"AAKA,UAGE,kEAQA,8WAWA,sFAKA,gDAKA,4CAKA,kCAKA,yCAGA,0HAUA,wDAMA,kDAKA,+BAIA,sDAKA,4DAKA","sources":["lt-interactive.css"],"sourcesContent":["/* lt-interactive.css — controls for lt-interactive.js (search box, sortable\n * headers, column filters, pager). Classes are namespaced `lti-*` to avoid\n * clashing with core `lt-*`. Only properties that change a default are\n * declared. */\n\n.lt-table {\n /* the search box and the pager are full-width rows of the table, so they line\n * up with its edges rather than the cell text */\n :is(.lti-head, .lti-pager-row) td {\n padding-left: 0;\n padding-right: 0;\n }\n\n /* Each box fills its cell: the whole table for the search, one column for a\n * filter. A faded magnifier stands in for a placeholder — it says \"type here\n * to search\" in no language — and steps aside once the box has the focus. */\n .lti-search,\n .lti-filters input {\n width: 100%;\n padding-left: 1.6em;\n background-image: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"gray\" stroke-width=\"2\"><circle cx=\"6.5\" cy=\"6.5\" r=\"4.5\"/><path d=\"M10 10l5 5\"/></svg>');\n background-repeat: no-repeat;\n background-position: 0.4em center;\n background-size: 1em;\n }\n /* on focus the icon goes away entirely, space included, so the caret sits at\n * the left edge instead of behind what looks like leading whitespace */\n :is(.lti-search, .lti-filters input):focus {\n padding-left: revert;\n background-image: none;\n }\n\n .lti-sortable {\n cursor: pointer;\n user-select: none;\n }\n /* the ▲/▼ indicator, set off from the column label */\n .lti-sort {\n margin-left: 0.3em;\n font-size: 0.8em;\n }\n\n .lti-empty td {\n text-align: center;\n }\n\n /* the drag grip sits on a column's right edge, inside its header cell */\n th:has(.lti-resizer) {\n position: relative;\n }\n .lti-resizer {\n position: absolute;\n top: 0;\n right: 0;\n width: 5px;\n height: 100%;\n cursor: col-resize;\n user-select: none;\n touch-action: none;\n }\n .lti-resizer:hover {\n background: currentColor;\n opacity: 0.3;\n }\n /* while dragging, the pointer keeps the resize cursor anywhere on the table,\n * and the drag selects no text */\n &.lti-resizing {\n cursor: col-resize;\n user-select: none;\n }\n /* column widths are authoritative once frozen, so a drag moves one edge only */\n &.lti-fixed {\n table-layout: fixed;\n }\n\n .lti-pager {\n display: flex;\n align-items: center;\n gap: 0.3em;\n }\n .lti-pager :is(button, select) {\n font: inherit;\n cursor: pointer;\n }\n /* push the row count away from the arrows, and the page size to the far end */\n .lti-pos {\n margin: 0 auto 0 0.3em;\n }\n}\n"],"names":[]}
|