From 03c5ba6791dcf7e097f14246af61d107cdadaeff Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Fri, 14 Jan 2022 16:28:14 +0100 Subject: chore: improve load more button accessibility On click, the focus should be moved to the last post in the list instead of keeping it on load more button. It helps to keep a consistent navigation for keyboard users for example. --- src/components/PostsList/PostsList.module.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'src/components/PostsList/PostsList.module.scss') diff --git a/src/components/PostsList/PostsList.module.scss b/src/components/PostsList/PostsList.module.scss index c0f8062..6c3f93e 100644 --- a/src/components/PostsList/PostsList.module.scss +++ b/src/components/PostsList/PostsList.module.scss @@ -33,9 +33,12 @@ } li.item { - margin: 0 0 var(--spacing-md) 0; border-bottom: fun.convert-px(1) solid var(--color-border-light); + &:not(:last-of-type) { + margin: 0 0 var(--spacing-md) 0; + } + &:first-of-type { margin-top: var(--spacing-sm); -- cgit v1.2.3