diff --git a/__tests__/__snapshots__/snapshots.test.js.snap b/__tests__/__snapshots__/snapshots.test.js.snap index c01b77501..5fbac8efe 100644 --- a/__tests__/__snapshots__/snapshots.test.js.snap +++ b/__tests__/__snapshots__/snapshots.test.js.snap @@ -5530,3168 +5530,3160 @@ exports[`@financial-times/x-teaser renders a TopStoryLandscape Video x-teaser 1` `; exports[`@financial-times/x-teaser-list renders a default With save buttons x-teaser-list 1`] = ` -
-
+ +
  • +
    - -
    -
    +
    + + May seeks to overcome deadlock after Brexit setback + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + Midsized UK businesses turn sour on Brexit + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + Barnier open to extending Brexit transition by a year + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    - - Inside Business - - - Sarah Gordon - -
    -
    -
    +
    + + UK lets down business with lack of Brexit advice + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Trump looks to start formal US-UK trade talks + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Bercow faces mounting calls to resign + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    - - The FT View - - - The editorial board - -
    -
    -
    +
    + + A culture shift to clear Westminster’s toxic air + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + EU demands UK break Brexit impasse + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Brexit, Scotland and the threat to constitutional unity + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + EU’s Tusk to ask UK for ‘concrete proposals’ to end Brexit impasse + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Wells Fargo applies for licence in France as part of Brexit strategy + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Rollout of controversial UK welfare reform faces fresh delay + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Pound rallies after upbeat wage growth reading + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Problem gambling shake-up set to be brought forward + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Crypto exchange Coinbase sets up Brexit contingency + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + EU gives UK 24 hour Brexit breathing space + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + EC’s Tusk warns no-deal Brexit ‘is more likely than ever before’ + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + Barnier plan no solution to Irish border, says Foster + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    - - Explainer - - - Pound Sterling - -
    -
    -
    +
    + + Pound timeline: from the 1970s to Brexit crunch + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + Brexit talks could drag into December warns Ireland’s Varadkar + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Crisis or choreography over Brexit? + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + UK shipyards to submit bids to build 5 warships + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    - -
    -
    +
    + + May to address UK parliament on state of Brexit talks + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Bradford hospital launches AI powered command centre + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    - - FT Alphaville - - - Bryce Elder - -
    -
    -
    +
    + + Markets Live: Monday, 15th October 2018 + + +
    -
    +
    +
    - + -
    -
    -
    • -
  • + + +
    • +
  • +
    -
    +
    + + Irish deputy PM voices ‘frustration’ at Brexit impasse + + +
    -
    +
    +
    - + -
    -
    -
    • - - + Save + + + + + `; exports[`@financial-times/x-teaser-list renders a default Without save buttons x-teaser-list 1`] = ` -
    -
    + +
  • +
    - -
    -
    +
    + + EU’s Tusk to ask UK for ‘concrete proposals’ to end Brexit impasse + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + Wells Fargo applies for licence in France as part of Brexit strategy + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + Rollout of controversial UK welfare reform faces fresh delay + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + Pound rallies after upbeat wage growth reading + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + Problem gambling shake-up set to be brought forward + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + Crypto exchange Coinbase sets up Brexit contingency + + +
    -
    • -
  • +
    • +
  • +
    - -
    -
    +
    + + EU gives UK 24 hour Brexit breathing space + + +
    -
    • -
  • +
    • +
  • +
    - -
    -
    +
    + + EC’s Tusk warns no-deal Brexit ‘is more likely than ever before’ + + +
    -
    • -
  • +
    • +
  • +
    - -
    -
    +
    + + Barnier plan no solution to Irish border, says Foster + + +
    -
    • -
  • +
    • +
  • +
    -
    - - Explainer - - - Pound Sterling - -
    -
    -
    +
    + + Pound timeline: from the 1970s to Brexit crunch + + +
    -
    • -
  • +
    • +
  • +
    - -
    -
    +
    + + Brexit talks could drag into December warns Ireland’s Varadkar + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + Crisis or choreography over Brexit? + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + UK shipyards to submit bids to build 5 warships + + +
    -
    • -
  • +
    • +
  • +
    - -
    -
    +
    + + May to address UK parliament on state of Brexit talks + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + Bradford hospital launches AI powered command centre + + +
    -
    • -
  • +
    • +
  • +
    -
    - - FT Alphaville - - - Bryce Elder - -
    -
    -
    +
    + + Markets Live: Monday, 15th October 2018 + + +
    -
    • -
  • +
    • +
  • +
    -
    +
    + + Irish deputy PM voices ‘frustration’ at Brexit impasse + + +
    -
    • - - + + + `; diff --git a/components/x-teaser-list/src/TeaserList.jsx b/components/x-teaser-list/src/TeaserList.jsx index 3415e3757..836c47129 100644 --- a/components/x-teaser-list/src/TeaserList.jsx +++ b/components/x-teaser-list/src/TeaserList.jsx @@ -5,35 +5,33 @@ import classNames from 'classnames'; import styles from './TeaserList.scss'; const TeaserList = ({ items = [], showSaveButtons = true }) => ( -
    - -
    + ); export { TeaserList }; diff --git a/components/x-teaser-list/src/TeaserList.scss b/components/x-teaser-list/src/TeaserList.scss index 1ad757044..fc4d8125a 100644 --- a/components/x-teaser-list/src/TeaserList.scss +++ b/components/x-teaser-list/src/TeaserList.scss @@ -4,8 +4,6 @@ @import "~@financial-times/x-article-save-button/dist/ArticleSaveButton"; } -.root {} - .list { list-style-type: none; margin: 0; @@ -13,6 +11,9 @@ } .listItem { + display: grid; + grid-gap: 0 20px; + grid-template: "article actions" min-content / 1fr min-content; margin-bottom: 20px; border-bottom: 1px solid oColorsGetPaletteColor('black-20'); @@ -24,12 +25,6 @@ } } -.listItemWithActions { - display: grid; - grid-gap: 0 20px; - grid-template: "article actions" min-content / 1fr 50px; -} - .listItem__article { grid-area: article; }