diff --git a/app/assets/stylesheets/card-columns.css b/app/assets/stylesheets/card-columns.css index 3173eb435..917788b5f 100644 --- a/app/assets/stylesheets/card-columns.css +++ b/app/assets/stylesheets/card-columns.css @@ -149,8 +149,18 @@ .cards--considering { @media (min-width: 640px) { - border-inline-end: 1px solid var(--color-ink-lighter); padding-inline: var(--reserved-bubble-space) var(--cards-gap); + + &:after { + background: linear-gradient(var(--color-canvas), var(--color-ink-lighter) 1%, var(--color-ink-lighter) 99%, var(--color-canvas)); + block-size: calc(100% + 1.2em); + content: ""; + display: block; + inline-size: 1px; + inset: -0.6em 0 -0.6em 100%; + position: absolute; + z-index: 3; + } } .card {