From 251622168619581eb4b3dca034d7929e2668a561 Mon Sep 17 00:00:00 2001
From: Augustin Lemesle <augustin.lemesle@cea.fr>
Date: Tue, 8 Sep 2020 15:20:01 +0200
Subject: [PATCH] further tab navigation
---
_includes/publication-entries.html | 2 +-
_layouts/blog.html | 2 +-
assets/css/main.css | 4 ++++
assets/css/publications.css | 1 +
4 files changed, 7 insertions(+), 2 deletions(-)
diff --git a/_includes/publication-entries.html b/_includes/publication-entries.html
index f9c208a1..c33a55bd 100644
--- a/_includes/publication-entries.html
+++ b/_includes/publication-entries.html
@@ -11,7 +11,7 @@
{% assign content = pub.content | strip_newlines %}
<details {% if content == "" %} class="empty" {% endif %}>
- <summary>
+ <summary tabindex="0">
{% if pub.authors %}<div>{{ pub.authors }}</div>{% endif %}
<div><b>{{ pub.title }}</b>{% if pub.link %} [<a href="{{ pub.link }}">link</a>] {% endif %}</div>
{% if pub.book %} <div>In {{ pub.book }}, {{ pub.year }}</div> {% endif %}
diff --git a/_layouts/blog.html b/_layouts/blog.html
index 62ef1e68..bb44da61 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -44,7 +44,7 @@ css: blog
{% for post in paginator.posts %}
<article>
<figure>
- <a href="{{ post.url }}" class="img" style=
+ <a tabindex="-1" href="{{ post.url }}" class="img" style=
"background-image: url({% if post.image %}{{ post.image }}{% else %}/assets/img/default-blog.jpg{% endif %});"></a>
</figure>
diff --git a/assets/css/main.css b/assets/css/main.css
index 55bafd34..7f688c74 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -338,6 +338,10 @@ button:focus,
.btn:focus {
color: #000 !important;
}
+
+.btnCancel:focus {
+ background: #FFDCB9 !important;
+}
/*---------------------------- 2. Helper classes ------------------------------*/
.hide {
display: none !important;
diff --git a/assets/css/publications.css b/assets/css/publications.css
index 14428f30..3485e703 100644
--- a/assets/css/publications.css
+++ b/assets/css/publications.css
@@ -50,6 +50,7 @@ details:hover{
color: #242424!important;
background-color: #f9f9f9!important;
}
+details summary:focus,
details:hover summary {
color: #f16521;
}
--
GitLab