@mjsz-vbr-elements/shared 2.2.5 → 2.2.7

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.
@@ -34,6 +34,15 @@
34
34
  border-bottom: 1px solid var(--vbr-widget-primary-color-100);
35
35
  }
36
36
 
37
+ .mjsz-vbr-card-item.is-optional {
38
+ opacity: 0.4;
39
+ transition: opacity 0.3s ease-out;
40
+ }
41
+
42
+ .mjsz-vbr-card-item.is-optional:hover {
43
+ opacity: 1;
44
+ }
45
+
37
46
  .mjsz-vbr-card-item svg {
38
47
  display: block;
39
48
  }
@@ -1,6 +1,6 @@
1
1
  .mjsz-vbr-playoffs .mjsz-vbr-table-grid {
2
2
  display: grid;
3
- grid-template-columns: 60px 150px minmax(60px, 0.41fr) minmax(160px, 1fr) minmax(40px, 60px) 70px minmax(160px, 1fr) minmax(
3
+ grid-template-columns: 60px 160px minmax(60px, 0.41fr) minmax(160px, 1fr) minmax(40px, 60px) 70px minmax(160px, 1fr) minmax(
4
4
  180px,
5
5
  0.9fr
6
6
  );
@@ -11,6 +11,10 @@
11
11
  background-color: var(--vbr-widget-table-stripped-bg-color);
12
12
  }
13
13
 
14
+ .mjsz-vbr-playoffs .mjsz-vbr-table-grid.is-optional {
15
+ opacity: 0.5;
16
+ }
17
+
14
18
  .mjsz-vbr-playoffs .mjsz-vbr-table-grid > div {
15
19
  padding: 8px;
16
20
  }
@@ -57,16 +61,22 @@
57
61
  .mjsz-vbr-playoffs .mjsz-vbr-table-grid .label:not(:last-of-type) {
58
62
  margin-right: 3px;
59
63
  }
60
- /* table-layout: fixed; */
61
- .mjsz-vbr-playoffs .mjsz-vbr-table table,
62
- .mjsz-vbr-playoffs .mjsz-vbr-table th,
63
- .mjsz-vbr-playoffs .mjsz-vbr-table td {
64
- border-collapse: collapse;
65
- }
66
- @media (max-width: 600px) {
67
- .mjsz-vbr-playoffs .mjsz-vbr-table {
68
- table-layout: auto
69
- }
64
+
65
+ .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-long {
66
+ display: block;
67
+ }
68
+
69
+ .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-short {
70
+ display: none;
71
+ }
72
+
73
+ @container table-wrapper (max-width: 768px) {
74
+ .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-long {
75
+ display: none;
76
+ }
77
+ .mjsz-vbr-playoffs .mjsz-vbr-table-grid .is-team-name-short {
78
+ display: block;
79
+ }
70
80
  }
71
81
  .mjsz-vbr-playoffs .mjsz-vbr-section-title {
72
82
  padding: 10px;
@@ -90,6 +100,20 @@
90
100
  grid-template-columns: 1fr fit-content(100px) fit-content(100px) fit-content(100px) 1fr;
91
101
  }
92
102
  }
103
+ .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-long {
104
+ display: block;
105
+ }
106
+ .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-short {
107
+ display: none;
108
+ }
109
+ @container section-details (max-width: 768px) {
110
+ .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-long {
111
+ display: none;
112
+ }
113
+ .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-team-name-short {
114
+ display: block;
115
+ }
116
+ }
93
117
  .mjsz-vbr-playoffs .mjsz-vbr-section-details .is-logo-image {
94
118
  width: 70px;
95
119
  height: 70px;
@@ -252,6 +252,10 @@
252
252
  color: var(--vbr-widget-danger-color-a400);
253
253
  }
254
254
 
255
+ .mjsz-vbr-table tr.is-optional {
256
+ opacity: 0.5;
257
+ }
258
+
255
259
  .mjsz-vbr-table tr:nth-child(even) {
256
260
  background-color: var(--vbr-widget-table-stripped-bg-color);
257
261
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mjsz-vbr-elements/shared",
3
3
  "private": false,
4
- "version": "2.2.5",
4
+ "version": "2.2.7",
5
5
  "author": "Ákos Stegner <akos.stegner@gmail.com>",
6
6
  "homepage": "https://api.icehockey.hu/widgets/docs/v2/",
7
7
  "type": "module",