diff --git a/_layouts/bib.liquid b/_layouts/bib.liquid
index 094b7789..5f3f233f 100644
--- a/_layouts/bib.liquid
+++ b/_layouts/bib.liquid
@@ -200,13 +200,13 @@
{% if entry.abstract %}
-
Abs
+
Abs
{% endif %}
{% if entry.arxiv %}
arXiv
{% endif %}
{% if entry.bibtex_show %}
-
Bib
+
Bib
{% endif %}
{% if entry.html %}
{% if entry.html contains '://' %}
diff --git a/assets/css/main.scss b/assets/css/main.scss
index db9555df..ce7593b8 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -1192,6 +1192,31 @@ body.layout-about .homepage-victoria .homepage-publications-list .links button.a
color: var(--award-interactive-text) !important;
}
+// Touch browsers can keep :hover after a tap. Restore each collapsed control's
+// own base palette without changing its desktop or expanded colors.
+@media (hover: none) {
+ body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn:hover[aria-expanded="false"],
+ body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn:hover[aria-expanded="false"] {
+ border-color: #d9d4cc;
+ background: #ffffff;
+ color: var(--homepage-accent) !important;
+ }
+
+ .victoria-publications-page .links a.abstract.btn:hover[aria-expanded="false"],
+ .victoria-publications-page .links a.bibtex.btn:hover[aria-expanded="false"] {
+ border-color: #d9d4cc;
+ background: #ffffff;
+ color: var(--victoria-accent) !important;
+ }
+
+ body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:hover[aria-expanded="false"],
+ .victoria-publications-page .links button.award.btn:hover[aria-expanded="false"] {
+ border-color: var(--award-bg);
+ background: var(--award-bg);
+ color: var(--award-text) !important;
+ }
+}
+
body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:focus,
.victoria-publications-page .links button.award.btn:focus {
outline: 0;
diff --git a/assets/js/common.js b/assets/js/common.js
index b4369834..9e3eef45 100644
--- a/assets/js/common.js
+++ b/assets/js/common.js
@@ -5,24 +5,39 @@ $(document).ready(function () {
$entry.find("button.award[aria-expanded='true']").attr("aria-expanded", "false");
}
+ function closeAbstract($entry) {
+ $entry.find(".abstract.hidden.open").removeClass("open");
+ $entry.find("a.abstract[aria-expanded='true']").attr("aria-expanded", "false");
+ }
+
+ function closeBibtex($entry) {
+ $entry.find(".bibtex.hidden.open").removeClass("open");
+ $entry.find("a.bibtex[aria-expanded='true']").attr("aria-expanded", "false");
+ }
+
$("a.abstract").click(function () {
const $entry = $(this).parent().parent();
- $entry.find(".abstract.hidden").toggleClass("open");
+ const willOpen = !$entry.find(".abstract.hidden").hasClass("open");
+ $entry.find(".abstract.hidden").toggleClass("open", willOpen);
+ $(this).attr("aria-expanded", willOpen ? "true" : "false");
closeAward($entry);
- $entry.find(".bibtex.hidden.open").removeClass("open");
+ closeBibtex($entry);
});
$("button.award").click(function () {
const $entry = $(this).parent().parent();
const willOpen = !$entry.find(".award.hidden").hasClass("open");
- $entry.find(".abstract.hidden.open, .bibtex.hidden.open").removeClass("open");
+ closeAbstract($entry);
+ closeBibtex($entry);
$entry.find(".award.hidden").toggleClass("open", willOpen);
$(this).attr("aria-expanded", willOpen ? "true" : "false");
});
$("a.bibtex").click(function () {
const $entry = $(this).parent().parent();
- $entry.find(".abstract.hidden.open").removeClass("open");
+ const willOpen = !$entry.find(".bibtex.hidden").hasClass("open");
+ closeAbstract($entry);
closeAward($entry);
- $entry.find(".bibtex.hidden").toggleClass("open");
+ $entry.find(".bibtex.hidden").toggleClass("open", willOpen);
+ $(this).attr("aria-expanded", willOpen ? "true" : "false");
});
$("a").removeClass("waves-effect waves-light");