Skip to content

Commit b1f83a8

Browse files
committed
Hide vertical line from tablet
1 parent 09081a2 commit b1f83a8

File tree

1 file changed

+11
-9
lines changed

1 file changed

+11
-9
lines changed

dotcom-rendering/src/components/ScrollableHighlights.importable.tsx

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -84,15 +84,17 @@ const itemStyles = css`
8484
`;
8585

8686
const verticalLineStyles = css`
87-
:not(:last-child)::after {
88-
content: '';
89-
position: absolute;
90-
top: 0;
91-
bottom: 0;
92-
right: -10px;
93-
width: 1px;
94-
background-color: ${palette('--highlights-container-separator')};
95-
transform: translateX(-50%);
87+
${from.tablet} {
88+
:not(:last-child)::after {
89+
content: '';
90+
position: absolute;
91+
top: 0;
92+
bottom: 0;
93+
right: -10px;
94+
width: 1px;
95+
background-color: ${palette('--highlights-container-separator')};
96+
transform: translateX(-50%);
97+
}
9698
}
9799
`;
98100

0 commit comments

Comments
 (0)