@financial-times/cp-content-pipeline-ui 2.0.4 → 2.0.5

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/CHANGELOG.md CHANGED
@@ -363,6 +363,21 @@
363
363
  * @financial-times/cp-content-pipeline-client bumped from ^1.3.11 to ^1.3.12
364
364
  * @financial-times/cp-content-pipeline-schema bumped from ^1.3.8 to ^1.3.9
365
365
 
366
+ ## [2.0.5](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v2.0.4...cp-content-pipeline-ui-v2.0.5) (2023-09-25)
367
+
368
+
369
+ ### Bug Fixes
370
+
371
+ * fix padding in the video description box and caption ([6e8fa11](https://github.com/Financial-Times/cp-content-pipeline/commit/6e8fa110bec27a71efaf55263326c148a67e4be7))
372
+
373
+
374
+ ### Dependencies
375
+
376
+ * The following workspace dependencies were updated
377
+ * devDependencies
378
+ * @financial-times/cp-content-pipeline-client bumped from ^1.3.12 to ^1.3.13
379
+ * @financial-times/cp-content-pipeline-schema bumped from ^1.3.9 to ^1.3.10
380
+
366
381
  ## [2.0.1](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v2.0.0...cp-content-pipeline-ui-v2.0.1) (2023-09-20)
367
382
 
368
383
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/cp-content-pipeline-ui",
3
- "version": "2.0.4",
3
+ "version": "2.0.5",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
@@ -17,8 +17,8 @@
17
17
  "@babel/preset-react": "^7.22.5",
18
18
  "@dotcom-tool-kit/npm": "^3.1.0",
19
19
  "@financial-times/content-tree": "github:financial-times/content-tree#14370e3",
20
- "@financial-times/cp-content-pipeline-client": "^1.3.12",
21
- "@financial-times/cp-content-pipeline-schema": "^1.3.9",
20
+ "@financial-times/cp-content-pipeline-client": "^1.3.13",
21
+ "@financial-times/cp-content-pipeline-schema": "^1.3.10",
22
22
  "@financial-times/n-scrollytelling-image": "^1.1.0",
23
23
  "@financial-times/o-colors": "^6.6.2",
24
24
  "@financial-times/o-expander": "^6.2.6",
@@ -15,7 +15,7 @@
15
15
 
16
16
  .cp-clip__caption {
17
17
  @include oTypographyCaption();
18
- margin-top: oSpacingByName('s1');
18
+ margin-top: 0;
19
19
  color: oColorsByName('black-70');
20
20
  }
21
21
 
@@ -65,8 +65,7 @@
65
65
  box-sizing:border-box;
66
66
  @include oTypographySans(0);
67
67
  color: oColorsByName('black');
68
- padding: oSpacingByName('s2');
69
- padding-right: oSpacingByName('s6');
68
+ padding: 6px oSpacingByName('s6') oSpacingByName('s2') 15px;
70
69
  @include oGridRespondTo($from: L) {
71
70
  @include oTypographySans(1);
72
71
  }
@@ -181,7 +180,7 @@
181
180
 
182
181
  .video-meta-info {
183
182
  display: flex;
184
- margin-top: 10px;
183
+ margin-top: oSpacingByName('s1');
185
184
 
186
185
  .cp-clip__credit {
187
186
  display: inline;
@@ -213,9 +212,10 @@
213
212
  top: 0;
214
213
  }
215
214
 
216
- .cp-clip__video-container {
217
- position: relative;
218
- }
215
+ .cp-clip__video-container {
216
+ position: relative;
217
+ line-height: 0;
218
+ }
219
219
 
220
220
  .cp-clip__video-controls-bottom-bar{
221
221
  display: none;
@@ -1,8 +1,6 @@
1
1
  .cp-clip__video-progress-bar {
2
2
  pointer-events: none;
3
- position: absolute;
4
3
  padding-top: 20px;
5
- padding-bottom: 5px;
6
4
  margin-top: -20px;
7
5
  background: none;
8
6
  width: 100%;