@financial-times/o-topper 7.0.6 → 7.0.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.
Files changed (4) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +1 -1
  3. package/src/scss/_elements.scss +0 -10
  4. package/src/scss/_mixins.scss +11 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Changelog
2
2
 
3
+ ## [7.0.7](https://github.com/Financial-Times/origami/compare/o-topper-v7.0.6...o-topper-v7.0.7) (2025-06-03)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * o-topper, prevent myft/headshot overlay ([f567b15](https://github.com/Financial-Times/origami/commit/f567b15311d5956d8ba1572c067d30e252b919dc))
9
+
3
10
  ## [7.0.6](https://github.com/Financial-Times/origami/compare/o-topper-v7.0.5...o-topper-v7.0.6) (2025-06-03)
4
11
 
5
12
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@financial-times/o-topper",
3
- "version": "7.0.6",
3
+ "version": "7.0.7",
4
4
  "description": "Article header styling",
5
5
  "keywords": [
6
6
  "topper",
package/src/scss/_elements.scss CHANGED
@@ -126,16 +126,6 @@
126
126
  margin-right: 4px;
127
127
  }
128
128
 
129
- @mixin _oTopperColumnist {
130
- margin-top: oPrivateSpacingByName('s4');
131
- text-transform: uppercase;
132
- }
133
-
134
- @mixin _oTopperColumnistName {
135
- @extend %_o-topper__tag;
136
- vertical-align: middle;
137
- }
138
-
139
129
  @mixin _oTopperTags {
140
130
  font-family: oPrivateFoundationGet('o3-type-body-base-font-family');
141
131
  font-size: oPrivateFoundationGet('o3-type-body-base-font-size');
package/src/scss/_mixins.scss CHANGED
@@ -236,13 +236,22 @@
236
236
 
237
237
  @if index($elements, 'columnist') {
238
238
  .o-topper__columnist {
239
- @include _oTopperColumnist;
239
+ margin-top: oPrivateSpacingByName('s4');
240
+ text-transform: uppercase;
241
+ }
242
+
243
+ .o-topper--has-headshot .o-topper__columnist {
244
+ margin-right: $_o-topper-headshot-width;
245
+ @include oPrivateGridRespondTo(M) {
246
+ margin-right: $_o-topper-headshot-width-M;
247
+ }
240
248
  }
241
249
  }
242
250
 
243
251
  @if index($elements, 'columnist-name') {
244
252
  .o-topper__columnist-name {
245
- @include _oTopperColumnistName;
253
+ @extend %_o-topper__tag;
254
+ vertical-align: middle;
246
255
  }
247
256
  }
248
257