@financial-times/cp-content-pipeline-ui 12.3.2 → 12.3.3

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
@@ -574,6 +574,13 @@
574
574
  * @financial-times/cp-content-pipeline-client bumped from ^3.7.2 to ^3.7.3
575
575
  * @financial-times/cp-content-pipeline-schema bumped from ^2.10.1 to ^2.10.2
576
576
 
577
+ ## [12.3.3](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v12.3.2...cp-content-pipeline-ui-v12.3.3) (2026-06-18)
578
+
579
+
580
+ ### Bug Fixes
581
+
582
+ * ci-3665 iOS problem with vw units ([e5b757a](https://github.com/Financial-Times/cp-content-pipeline/commit/e5b757af5fae1b56d61ad0d80710fe9733b14c32))
583
+
577
584
  ## [12.3.2](https://github.com/Financial-Times/cp-content-pipeline/compare/cp-content-pipeline-ui-v12.3.1...cp-content-pipeline-ui-v12.3.2) (2026-06-18)
578
585
 
579
586
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/cp-content-pipeline-ui",
3
- "version": "12.3.2",
3
+ "version": "12.3.3",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "scripts": {
@@ -62,9 +62,11 @@
62
62
  position: absolute;
63
63
  text-shadow: 1px 1px 1px var(--o3-color-palette-slate);
64
64
  text-align: right;
65
- width: 100vw;
65
+ width: 100vw; // pre-ios 16
66
+ width: 100dvw;
66
67
  margin-left: 50%;
67
- left: -50vw;
68
+ left: -50vw; // pre-ios 16
69
+ left: -50dvw;
68
70
  box-sizing: border-box;
69
71
  padding: 5px 10px;
70
72
  transform: translate(0, -100%);
@@ -33,8 +33,10 @@
33
33
  @mixin _oTopperBackground {
34
34
  grid-row: 1 / span 5;
35
35
  grid-column: 1 / span 6;
36
- width: 100vw;
37
- margin-left: -50vw;
36
+ width: 100vw; // pre-ios 16
37
+ margin-left: -50vw; // pre-ios 16
38
+ width: 100dvw;
39
+ margin-left: -50dvw;
38
40
  left: 50%;
39
41
  top: 0;
40
42
  height: 100%;
@@ -89,8 +89,10 @@
89
89
 
90
90
  .o-topper__picture {
91
91
  position: relative;
92
- width: 100vw;
93
- margin-left: -50vw;
92
+ width: 100vw; // pre-ios 16
93
+ margin-left: -50vw; // pre-ios 16
94
+ width: 100dvw;
95
+ margin-left: -50dvw;
94
96
  left: 50%;
95
97
  height: 600px;
96
98
  display: block;