Merge pull request #3628 from bbc/pink-nav-line

Hide visible pink line below nav element
BBC-archive · Jul 22, 2020 · a2541ae · a2541ae
2 parents 3785915 + ab43ab9
commit a2541ae
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 7 deletions.
diff --git a/packages/components/psammead-navigation/CHANGELOG.md b/packages/components/psammead-navigation/CHANGELOG.md
@@ -3,6 +3,7 @@
 <!-- prettier-ignore -->
 | Version | Description |
 |---------|-------------|
+| 6.0.15 | [PR#3628](https://github.com/bbc/psammead/pull/3628) Tweak :after styling to obscure pink bottom line |
 | 6.0.14 | [PR#3623](https://github.com/bbc/psammead/pull/3623) Talos - Bump Dependencies - @bbc/gel-foundations |
 | 6.0.13 | [PR#3613](https://github.com/bbc/psammead/pull/3613) Talos - Bump Dependencies - @bbc/psammead-assets |
 | 6.0.12 | [PR#3604](https://github.com/bbc/psammead/pull/3604) Talos - Bump Dependencies - @bbc/gel-foundations |

diff --git a/packages/components/psammead-navigation/package-lock.json b/packages/components/psammead-navigation/package-lock.json
diff --git a/packages/components/psammead-navigation/package.json b/packages/components/psammead-navigation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@bbc/psammead-navigation",
-  "version": "6.0.14",
+  "version": "6.0.15",
   "description": "A navigation bar to use on index pages",
   "main": "dist/index.js",
   "module": "esm/index.js",

diff --git a/packages/components/psammead-navigation/src/__snapshots__/index.test.jsx.snap b/packages/components/psammead-navigation/src/__snapshots__/index.test.jsx.snap
@@ -176,7 +176,7 @@ exports[`Navigation should render correctly 1`] = `
   .c4::after {
     content: '';
     position: absolute;
-    bottom: 0;
+    bottom: -1px;
     width: 80rem;
     border-bottom: 0.0625rem solid #eab3b3;
     z-index: -1;
@@ -447,7 +447,7 @@ exports[`Navigation should render correctly when ampOpenClass prop is provided 1
   .c4::after {
     content: '';
     position: absolute;
-    bottom: 0;
+    bottom: -1px;
     width: 80rem;
     border-bottom: 0.0625rem solid #eab3b3;
     z-index: -1;
@@ -720,7 +720,7 @@ exports[`Navigation should render correctly when isOpen is true 1`] = `
   .c4::after {
     content: '';
     position: absolute;
-    bottom: 0;
+    bottom: -1px;
     width: 80rem;
     border-bottom: 0.0625rem solid #eab3b3;
     z-index: -1;
@@ -1025,7 +1025,7 @@ exports[`Scrollable Navigation should render correctly 1`] = `
   .c5::after {
     content: '';
     position: absolute;
-    bottom: 0;
+    bottom: -1px;
     width: 80rem;
     border-bottom: 0.0625rem solid #eab3b3;
     z-index: -1;

diff --git a/packages/components/psammead-navigation/src/index.jsx b/packages/components/psammead-navigation/src/index.jsx
@@ -102,7 +102,7 @@ const StyledListItem = styled.li`
     &::after {
       content: '';
       position: absolute;
-      bottom: 0;
+      bottom: -1px;
       width: ${GEL_GROUP_5_SCREEN_WIDTH_MIN};
       border-bottom: 0.0625rem solid ${BORDER_COLOR};
       z-index: -1;