@ecl/gallery 5.0.0-alpha.4 → 5.0.0-alpha.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.
@@ -8,6 +8,7 @@
8
8
  // Exposed variables
9
9
  $theme: null !default;
10
10
  $gallery: null !default;
11
+ $gallery-print: null !default;
11
12
 
12
13
  .ecl-gallery {
13
14
  margin: 0;
@@ -79,7 +80,7 @@ $gallery: null !default;
79
80
  align-items: center;
80
81
  background-color: rgba(0, 0, 0, 0.7);
81
82
  color: map.get($theme, 'color', 'white');
82
- font: map.get($theme, 'font-print', 's');
83
+ font: map.get($gallery-print, 'description-font');
83
84
  padding: map.get($theme, 'spacing-print', '2xs')
84
85
  map.get($theme, 'spacing-print', 'xs');
85
86
  text-decoration: none;
package/gallery.scss CHANGED
@@ -130,7 +130,7 @@ $_description-height-desktop: 108px;
130
130
  background-color: map.get($gallery, 'description-background');
131
131
  color: $_description-color;
132
132
  display: none;
133
- font: var(--f-s);
133
+ font: map.get($gallery, 'description-font');
134
134
  left: 0;
135
135
  overflow: hidden;
136
136
  padding: var(--s-2xs) var(--s-xs);
@@ -161,7 +161,7 @@ $_description-height-desktop: 108px;
161
161
  color: map.get($gallery, 'gallery-info-color');
162
162
  display: flex;
163
163
  flex-direction: row;
164
- font: var(--f-s);
164
+ font: map.get($gallery, 'gallery-info-font');
165
165
  }
166
166
 
167
167
  .ecl-gallery__info-total {
@@ -410,6 +410,7 @@ $_description-height-desktop: 108px;
410
410
  display: flex;
411
411
  flex-direction: column;
412
412
  flex-shrink: 0;
413
+ font: var(--f-m);
413
414
  padding: var(--s-xl) var(--s-xs);
414
415
 
415
416
  .ecl-container {
@@ -423,7 +424,6 @@ $_description-height-desktop: 108px;
423
424
  border-left: 1px solid map.get($theme, 'color', 'white');
424
425
  border-right: 1px solid map.get($theme, 'color', 'white');
425
426
  display: inline-flex;
426
- font: var(--f-m);
427
427
  margin: 0;
428
428
  padding: 0 var(--s-xs);
429
429
  white-space: pre-wrap;
@@ -455,18 +455,18 @@ $_description-height-desktop: 108px;
455
455
  }
456
456
 
457
457
  .ecl-gallery__detail-description {
458
- font: var(--f-m);
459
458
  height: $_description-height-mobile;
460
459
  margin-top: var(--s-s);
461
460
  overflow: auto;
462
461
 
463
462
  .ecl-gallery__title {
464
463
  display: block;
465
- font-weight: map.get($theme, 'font-weight', 'bold');
464
+ font-weight: map.get($gallery, 'overlay-title-font-weight');
466
465
  }
467
466
 
468
467
  .ecl-gallery__meta {
469
468
  display: block;
469
+ font: map.get($gallery, 'overlay-meta-font');
470
470
  margin-top: var(--s-s);
471
471
  }
472
472
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@ecl/gallery",
3
3
  "author": "European Commission",
4
4
  "license": "EUPL-1.2",
5
- "version": "5.0.0-alpha.4",
5
+ "version": "5.0.0-alpha.6",
6
6
  "description": "ECL Gallery",
7
7
  "publishConfig": {
8
8
  "access": "public"
@@ -11,12 +11,12 @@
11
11
  "module": "gallery.js",
12
12
  "style": "gallery.scss",
13
13
  "dependencies": {
14
- "@ecl/button": "5.0.0-alpha.4",
15
- "@ecl/dom-utils": "5.0.0-alpha.4",
16
- "@ecl/icon": "5.0.0-alpha.4",
17
- "@ecl/link": "5.0.0-alpha.4",
18
- "@ecl/picture": "5.0.0-alpha.4",
19
- "@ecl/video": "5.0.0-alpha.4",
14
+ "@ecl/button": "5.0.0-alpha.6",
15
+ "@ecl/dom-utils": "5.0.0-alpha.6",
16
+ "@ecl/icon": "5.0.0-alpha.6",
17
+ "@ecl/link": "5.0.0-alpha.6",
18
+ "@ecl/picture": "5.0.0-alpha.6",
19
+ "@ecl/video": "5.0.0-alpha.6",
20
20
  "focus-trap": "7.6.4"
21
21
  },
22
22
  "repository": {
@@ -33,5 +33,5 @@
33
33
  "design-system",
34
34
  "twig"
35
35
  ],
36
- "gitHead": "d0f4af0122c47a1332d9b73dd3c17ae26c933e7c"
36
+ "gitHead": "3a1f904e4fdd672e374de174cc24a2a92e1268c4"
37
37
  }