From 5e56d9ce5a8c7e58606e4f08ed2b0ac4d1785ce0 Mon Sep 17 00:00:00 2001 From: Mark Eaton Date: Fri, 25 Jul 2025 23:39:58 -0400 Subject: [PATCH] refactor: move inline styles from Vue3-v.6.html to Vue3-v.6-css.html for better organization Co-authored-by: aider (o3) --- groups/home/bootstrap3/Vue3-v.6-css.html | 29 +++++++++++++++++++++++ groups/home/bootstrap3/Vue3-v.6.html | 30 ------------------------ 2 files changed, 29 insertions(+), 30 deletions(-) diff --git a/groups/home/bootstrap3/Vue3-v.6-css.html b/groups/home/bootstrap3/Vue3-v.6-css.html index d590034..2cc90c5 100644 --- a/groups/home/bootstrap3/Vue3-v.6-css.html +++ b/groups/home/bootstrap3/Vue3-v.6-css.html @@ -77,6 +77,24 @@ margin-left: 5px; } + /* Accessible focus indicators for primary navigation elements */ + #hamburger:focus, + #hamburger:focus-visible, + #login-div:focus, + #login-div:focus-visible, + .searchmenu:focus, + .searchmenu:focus-visible, + .nav-jumbotron-link:focus, + .nav-jumbotron-link:focus-visible, + /* OneSearch widget (central search form) */ + .onesearch-jumbotron input:focus, + .onesearch-jumbotron input:focus-visible, + .onesearch-jumbotron button:focus, + .onesearch-jumbotron button:focus-visible { + outline: 3px solid #0056b3; /* high-contrast blue */ + outline-offset: 2px; + } + /* style alert */ #hours-content-container { /* this id comes from the components libguide */ background-color: var(--kbccblue); @@ -236,6 +254,17 @@ cursor: pointer; } + /* Ensure nav-jumbotron buttons match link width */ + .nav-jumbotron-link.btn-link { + display: block; + width: 100%; + } + + /* Remove default heading margin for uniform button height */ + #bookastudyroom-heading { + margin: 0px; + } + /* style link list */ .link-list { font-size: 1.7em; diff --git a/groups/home/bootstrap3/Vue3-v.6.html b/groups/home/bootstrap3/Vue3-v.6.html index be5abb4..285c4e1 100644 --- a/groups/home/bootstrap3/Vue3-v.6.html +++ b/groups/home/bootstrap3/Vue3-v.6.html @@ -1,34 +1,4 @@ -