@jungherz-de/glasskit-elements 1.15.0 → 1.15.2
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/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jungherz-de/glasskit-elements",
|
|
3
|
-
"version": "1.15.
|
|
3
|
+
"version": "1.15.2",
|
|
4
4
|
"description": "Vanilla JavaScript Web Components wrapping the GlassKit CSS glassmorphism library",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"homepage": "https://glasskit-elements.jungherz.com",
|
|
@@ -45,10 +45,10 @@
|
|
|
45
45
|
"vanilla-js"
|
|
46
46
|
],
|
|
47
47
|
"peerDependencies": {
|
|
48
|
-
"@jungherz-de/glasskit": ">=1.15.
|
|
48
|
+
"@jungherz-de/glasskit": ">=1.15.1"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@jungherz-de/glasskit": "^1.15.
|
|
51
|
+
"@jungherz-de/glasskit": "^1.15.1",
|
|
52
52
|
"@rollup/plugin-node-resolve": "^15.0.0",
|
|
53
53
|
"@rollup/plugin-terser": "^0.4.0",
|
|
54
54
|
"rollup": "^4.0.0"
|
|
@@ -6,10 +6,16 @@ import { GlkElement } from '../../base.js';
|
|
|
6
6
|
// nothing definite to resolve against. Making the host a grid stretches its
|
|
7
7
|
// single child instead, which needs no percentage at all. The card also becomes
|
|
8
8
|
// a flex column so a footer can be pushed down with margin-top:auto.
|
|
9
|
+
//
|
|
10
|
+
// Both boxes are grid items now, and a grid item's min-width:auto is its
|
|
11
|
+
// min-content width — content that cannot wrap (a nowrap list subtitle) would
|
|
12
|
+
// widen the card past its cell instead of being truncated. min-width:0 lets the
|
|
13
|
+
// card and the host yield to the cell; min-height:0 does the same for a cell of
|
|
14
|
+
// fixed height, so a scrollable child inside the card can shrink and scroll.
|
|
9
15
|
const fillSheet = new CSSStyleSheet();
|
|
10
16
|
fillSheet.replaceSync(`
|
|
11
|
-
:host([fill]) { display: grid; }
|
|
12
|
-
:host([fill]) .glass-card { display: flex; flex-direction: column; }
|
|
17
|
+
:host([fill]) { display: grid; min-width: 0; }
|
|
18
|
+
:host([fill]) .glass-card { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
|
|
13
19
|
`);
|
|
14
20
|
|
|
15
21
|
class GlkCard extends GlkElement {
|