Расширяет область клика у карточки (#1264)

* Расширяет область клика у карточки * Удаляет комментарий * Удаляет комментарий
doka-guide · May 14, 2024 · c1a517f · c1a517f
1 parent 58e9d9a
commit c1a517f
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/src/styles/blocks/featured-article.css b/src/styles/blocks/featured-article.css
@@ -22,6 +22,11 @@
   opacity: 0.84;
 }
 
+.featured-article:focus-within {
+  outline: 2px solid hsl(var(--color-base-text));
+  outline-offset: 1px;
+}
+
 .featured-article__image-wrapper {
   margin-bottom: auto;
   position: relative;
@@ -69,18 +74,19 @@
   --stroke-width: 2px;
 }
 
+.featured-article__link::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
 .featured-article__link:hover {
   --stroke-opacity: 0;
   --stroke-width: 0;
 }
 
-.featured-article__link::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+.featured-article__link:focus-visible {
+  outline: 0;
 }
 
 .offline .featured-article__title .link::after {

diff --git a/src/styles/blocks/link.css b/src/styles/blocks/link.css
@@ -50,14 +50,14 @@
   opacity: var(--cached-opacity);
 }
 
-.online .link:not(.nav-list__link, .article-indexes-list__link)::after {
+.online .link:not(.nav-list__link, .article-indexes-list__link, .featured-article__link)::after {
   display: none;
 }
 
-.online .link--cached:not(.nav-list__link, .article-indexes-list__link)::after {
+.online .link--cached:not(.nav-list__link, .article-indexes-list__link, .featured-article__link)::after {
   display: none;
 }
 
-.online .link--non-cached:not(.nav-list__link, .article-indexes-list__link)::after {
+.online .link--non-cached:not(.nav-list__link, .article-indexes-list__link, .featured-article__link)::after {
   display: none;
 }