From ea4079a7d7f5bd85717a81c9782c23075d90a85a Mon Sep 17 00:00:00 2001 From: OpenClaw Assistant Date: Sun, 12 Jul 2026 10:29:01 +0000 Subject: [PATCH 1/3] Fix mobile Award collapse color Override sticky touch :hover only for collapsed Award controls so the dark-coral palette returns after the second tap without changing desktop hover behavior. AI-generated disclosure: GitHub Copilot assisted with diagnosis, implementation, and verification. --- assets/css/main.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/assets/css/main.scss b/assets/css/main.scss index db9555df..4125e12e 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -1192,6 +1192,17 @@ 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. Once a collapsed Award is no +// longer expanded, restore its default palette instead of leaving it highlighted. +@media (hover: none) { + 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; From 18592bfb2b4ce82f8c50ca9d4a4e8d10cf081e90 Mon Sep 17 00:00:00 2001 From: OpenClaw Assistant Date: Sun, 12 Jul 2026 10:49:45 +0000 Subject: [PATCH 2/3] Cover touch collapse palette for publication controls --- _layouts/bib.liquid | 4 +-- assets/css/main.scss | 58 +++++++++++++++++++++++++++++++++++++------- assets/js/common.js | 25 +++++++++++++++---- 3 files changed, 71 insertions(+), 16 deletions(-) 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 + {% endif %} {% if entry.arxiv %} arXiv {% endif %} {% if entry.bibtex_show %} - Bib + {% endif %} {% if entry.html %} {% if entry.html contains '://' %} diff --git a/assets/css/main.scss b/assets/css/main.scss index 4125e12e..76e09fa1 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -1154,7 +1154,11 @@ body:has(.victoria-secondary-page) > .container { // Shared Award palette and interaction states for both publication surfaces. // Option B contrast: default 6.90:1; hover/expanded 9.43:1. +body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn, +body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn, +.victoria-publications-page .links a.abstract.btn, +.victoria-publications-page .links a.bibtex.btn, .victoria-publications-page .links button.award.btn { --award-bg: #86453f; --award-text: #fffaf7; @@ -1167,7 +1171,9 @@ body.layout-about .homepage-victoria .homepage-publications-list .links button.a padding: 4px 16px; border: 1px solid var(--award-bg); border-radius: 0; - background: var(--award-bg); + border-color: var(--award-bg) !important; + background: var(--award-bg) !important; + background-color: var(--award-bg) !important; color: var(--award-text) !important; font-family: inherit; font-size: 11px; @@ -1185,47 +1191,81 @@ body.layout-about .homepage-victoria .homepage-publications-list .links button.a padding: 2px 7px; } +body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn:hover, +body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn:hover, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:hover, +.victoria-publications-page .links a.abstract.btn:hover, +.victoria-publications-page .links a.bibtex.btn:hover, .victoria-publications-page .links button.award.btn:hover { - border-color: var(--award-interactive-bg); - background: var(--award-interactive-bg); + border-color: var(--award-interactive-bg) !important; + background: var(--award-interactive-bg) !important; + background-color: var(--award-interactive-bg) !important; color: var(--award-interactive-text) !important; } // Touch browsers can keep :hover after a tap. Once a collapsed Award is no // longer expanded, restore its default palette instead of leaving it highlighted. @media (hover: none) { + body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn[aria-expanded="false"], + body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn[aria-expanded="false"], + body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn[aria-expanded="false"], + .victoria-publications-page .links a.abstract.btn[aria-expanded="false"], + .victoria-publications-page .links a.bibtex.btn[aria-expanded="false"], + .victoria-publications-page .links button.award.btn[aria-expanded="false"], + 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"], body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:hover[aria-expanded="false"], + .victoria-publications-page .links a.abstract.btn:hover[aria-expanded="false"], + .victoria-publications-page .links a.bibtex.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); + border-color: var(--award-bg) !important; + background: var(--award-bg) !important; + background-color: var(--award-bg) !important; color: var(--award-text) !important; } } +body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn:focus, +body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn:focus, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:focus, +.victoria-publications-page .links a.abstract.btn:focus, +.victoria-publications-page .links a.bibtex.btn:focus, .victoria-publications-page .links button.award.btn:focus { outline: 0; } +body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn:focus-visible, +body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn:focus-visible, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:focus-visible, +.victoria-publications-page .links a.abstract.btn:focus-visible, +.victoria-publications-page .links a.bibtex.btn:focus-visible, .victoria-publications-page .links button.award.btn:focus-visible { - border-color: var(--award-interactive-bg); - background: var(--award-interactive-bg); + border-color: var(--award-interactive-bg) !important; + background: var(--award-interactive-bg) !important; + background-color: var(--award-interactive-bg) !important; color: var(--award-interactive-text) !important; outline: 2px solid var(--award-interactive-text); outline-offset: 2px; } +body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn[aria-expanded="true"], +body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn[aria-expanded="true"], body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn[aria-expanded="true"], +.victoria-publications-page .links a.abstract.btn[aria-expanded="true"], +.victoria-publications-page .links a.bibtex.btn[aria-expanded="true"], .victoria-publications-page .links button.award.btn[aria-expanded="true"] { - border-color: var(--award-interactive-bg); - background: var(--award-interactive-bg); + border-color: var(--award-interactive-bg) !important; + background: var(--award-interactive-bg) !important; + background-color: var(--award-interactive-bg) !important; color: var(--award-interactive-text) !important; box-shadow: inset 0 -2px 0 rgba(56, 32, 29, 0.14) !important; } +body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn[aria-expanded="true"]:focus-visible, +body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn[aria-expanded="true"]:focus-visible, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn[aria-expanded="true"]:focus-visible, +.victoria-publications-page .links a.abstract.btn[aria-expanded="true"]:focus-visible, +.victoria-publications-page .links a.bibtex.btn[aria-expanded="true"]:focus-visible, .victoria-publications-page .links button.award.btn[aria-expanded="true"]:focus-visible { outline-color: var(--award-interactive-text); } 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"); From 7fcb7f13f007ebd33b8b06f3f1921ff07a7e1198 Mon Sep 17 00:00:00 2001 From: OpenClaw Assistant Date: Sun, 12 Jul 2026 11:06:00 +0000 Subject: [PATCH 3/3] Preserve publication control colors on touch collapse Restore Bib and Abs to their original master palettes after a second touch while retaining Award's existing dark-coral reset. Track the three disclosure states with aria-expanded so sticky hover can be overridden narrowly. AI-generated disclosure: GitHub Copilot assisted with diagnosis, implementation, and verification. --- assets/css/main.scss | 74 ++++++++++++++------------------------------ 1 file changed, 24 insertions(+), 50 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index 76e09fa1..ce7593b8 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -1154,11 +1154,7 @@ body:has(.victoria-secondary-page) > .container { // Shared Award palette and interaction states for both publication surfaces. // Option B contrast: default 6.90:1; hover/expanded 9.43:1. -body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn, -body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn, -.victoria-publications-page .links a.abstract.btn, -.victoria-publications-page .links a.bibtex.btn, .victoria-publications-page .links button.award.btn { --award-bg: #86453f; --award-text: #fffaf7; @@ -1171,9 +1167,7 @@ body.layout-about .homepage-victoria .homepage-publications-list .links button.a padding: 4px 16px; border: 1px solid var(--award-bg); border-radius: 0; - border-color: var(--award-bg) !important; - background: var(--award-bg) !important; - background-color: var(--award-bg) !important; + background: var(--award-bg); color: var(--award-text) !important; font-family: inherit; font-size: 11px; @@ -1191,81 +1185,61 @@ body.layout-about .homepage-victoria .homepage-publications-list .links button.a padding: 2px 7px; } -body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn:hover, -body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn:hover, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:hover, -.victoria-publications-page .links a.abstract.btn:hover, -.victoria-publications-page .links a.bibtex.btn:hover, .victoria-publications-page .links button.award.btn:hover { - border-color: var(--award-interactive-bg) !important; - background: var(--award-interactive-bg) !important; - background-color: var(--award-interactive-bg) !important; + border-color: var(--award-interactive-bg); + background: var(--award-interactive-bg); color: var(--award-interactive-text) !important; } -// Touch browsers can keep :hover after a tap. Once a collapsed Award is no -// longer expanded, restore its default palette instead of leaving it highlighted. +// 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[aria-expanded="false"], - body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn[aria-expanded="false"], - body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn[aria-expanded="false"], - .victoria-publications-page .links a.abstract.btn[aria-expanded="false"], - .victoria-publications-page .links a.bibtex.btn[aria-expanded="false"], - .victoria-publications-page .links button.award.btn[aria-expanded="false"], 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"], - body.layout-about .homepage-victoria .homepage-publications-list .links button.award.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"], + .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) !important; - background: var(--award-bg) !important; - background-color: var(--award-bg) !important; + border-color: var(--award-bg); + background: var(--award-bg); color: var(--award-text) !important; } } -body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn:focus, -body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn:focus, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:focus, -.victoria-publications-page .links a.abstract.btn:focus, -.victoria-publications-page .links a.bibtex.btn:focus, .victoria-publications-page .links button.award.btn:focus { outline: 0; } -body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn:focus-visible, -body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn:focus-visible, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn:focus-visible, -.victoria-publications-page .links a.abstract.btn:focus-visible, -.victoria-publications-page .links a.bibtex.btn:focus-visible, .victoria-publications-page .links button.award.btn:focus-visible { - border-color: var(--award-interactive-bg) !important; - background: var(--award-interactive-bg) !important; - background-color: var(--award-interactive-bg) !important; + border-color: var(--award-interactive-bg); + background: var(--award-interactive-bg); color: var(--award-interactive-text) !important; outline: 2px solid var(--award-interactive-text); outline-offset: 2px; } -body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn[aria-expanded="true"], -body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn[aria-expanded="true"], body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn[aria-expanded="true"], -.victoria-publications-page .links a.abstract.btn[aria-expanded="true"], -.victoria-publications-page .links a.bibtex.btn[aria-expanded="true"], .victoria-publications-page .links button.award.btn[aria-expanded="true"] { - border-color: var(--award-interactive-bg) !important; - background: var(--award-interactive-bg) !important; - background-color: var(--award-interactive-bg) !important; + border-color: var(--award-interactive-bg); + background: var(--award-interactive-bg); color: var(--award-interactive-text) !important; box-shadow: inset 0 -2px 0 rgba(56, 32, 29, 0.14) !important; } -body.layout-about .homepage-victoria .homepage-publications-list .links a.abstract.btn[aria-expanded="true"]:focus-visible, -body.layout-about .homepage-victoria .homepage-publications-list .links a.bibtex.btn[aria-expanded="true"]:focus-visible, body.layout-about .homepage-victoria .homepage-publications-list .links button.award.btn[aria-expanded="true"]:focus-visible, -.victoria-publications-page .links a.abstract.btn[aria-expanded="true"]:focus-visible, -.victoria-publications-page .links a.bibtex.btn[aria-expanded="true"]:focus-visible, .victoria-publications-page .links button.award.btn[aria-expanded="true"]:focus-visible { outline-color: var(--award-interactive-text); }