Code

Add animated image slider#1417

Code

Merged

LizBaker merged 21 commits intofeature/o11y-packsnewrelic/developer-website:feature/o11y-packsfrom clang/image-slider-simple-animatenewrelic/developer-website:clang/image-slider-simple-animateCopy head branch name to clipboardJun 23, 2021

+220-4

Commits

Commits on Jun 21, 2021

• wip: basic image with arrows

  roadlittledawn

  committed
  1b0951c

  Copy full SHA for 1b0951c

• refactor: add prop validation. remove extra img component. only show arrow if more than one image

  roadlittledawn

  committed
  0a0d020

  Copy full SHA for 0a0d020

• feat: add left arrow to navigate to previous image

  roadlittledawn

  committed
  b43b7b5

  Copy full SHA for b43b7b5

• chore: remove console.log

  roadlittledawn

  committed
  6890786

  Copy full SHA for 6890786

• refactor: use image placeholder if no images passed to slider

  roadlittledawn

  committed
  a956633

  Copy full SHA for a956633

• refactor: use Button from theme

  roadlittledawn

  committed
  bb88a9e

  Copy full SHA for bb88a9e

• fix: fix lint error

  roadlittledawn

  committed
  3abb4fb

  Copy full SHA for 3abb4fb

• feat: add fade animation for each slide

  roadlittledawn

  committed
  5978e1c

  Copy full SHA for 5978e1c

• fix: remove unneeded no image placeholder for now

  roadlittledawn

  committed
  f07fc88

  Copy full SHA for f07fc88

Commits on Jun 22, 2021

• feat: add slide dots. add liz's sliding transformation config

  roadlittledawn

  committed
  c871c2a

  Copy full SHA for c871c2a

• fix: fix lint errors

  roadlittledawn

  committed
  c5cb659

  Copy full SHA for c5cb659

• refactor: change nav control colors to be more visible on light/dark screenshots

  roadlittledawn

  committed
  96de16d

  Copy full SHA for 96de16d

• chore: go back to using real screenshots

  roadlittledawn

  committed
  cfea220

  Copy full SHA for cfea220

• refactor: improve nav button styling to be visible on light/dark screenshots. simplify styling of arrows

  roadlittledawn

  committed
  f7ad1b2

  Copy full SHA for f7ad1b2

• refactor: add meaninful img alt value

  roadlittledawn

  committed
  f280a1a

  Copy full SHA for f280a1a

• fix: fix lint error on alt attribute

  roadlittledawn

  committed
  62a0538

  Copy full SHA for 62a0538

• refactor: make props required for now. remove img width when not on large screens to avoid squished images

  roadlittledawn

  committed
  d4b77f5

  Copy full SHA for d4b77f5

• refactor: move ImageSlider to components dir. show entire scaled down image on mobile screens

  roadlittledawn

  committed
  7fcc603

  Copy full SHA for 7fcc603

• refactor: tweaks to sizing and layouts for images

  roadlittledawn

  committed
  f7ff4e8

  Copy full SHA for f7ff4e8

• refactor: cleanup superfluous css

  roadlittledawn

  committed
  c918ce3

  Copy full SHA for c918ce3

• fix: prevent image from overflowing top/bottom of slide

  roadlittledawn

  committed
  a8f18ba

  Copy full SHA for a8f18ba