diff --git a/assets/javascripts/app.js b/assets/javascripts/app.js
index e839a89..f385c32 100644
--- a/assets/javascripts/app.js
+++ b/assets/javascripts/app.js
@@ -320,6 +320,17 @@
}, 100);
}
});
+ // ✅ Tab 鍵跳過 .navbar-toggle 時，觸發與點擊相同的收合邏輯
+ $(document).on('focusout', '.mobile-menu', function(e) {
+ setTimeout(function() {
+ var $newFocus = $(document.activeElement);
+ // 焦點已離開 .mobile-menu 且選單是展開狀態
+ if ($('.mobile-menu').hasClass('active') && $newFocus.closest('.mobile-menu').length === 0) {
+ // ✅ 直接 trigger click，與按下 .navbar-toggle 執行完全相同的動作
+ $('.navbar-toggle').first().trigger('click');
+ }
+ }, 50);
+ });
$('.mobile-menu1 > .menu-drop').click(function(){
var $that = $(this);
@@ -731,20 +742,20 @@
$(this).attr("style", newStyle);
}
});
- //表格scope
- $("table").each(function() {
- $(this).find("tr").each(function(rowIndex) {
- $(this).find("th").each(function(colIndex) {
- if (rowIndex === 0) {
- // 第一列的 th，適用於該欄
- $(this).attr("scope", "col");
- } else if (colIndex === 0) {
- // 其他列的第一個 th，適用於該行
- $(this).attr("scope", "row");
- }
- });
- });
- });
+ // //表格scope
+ // $("table").each(function() {
+ // $(this).find("tr").each(function(rowIndex) {
+ // $(this).find("th").each(function(colIndex) {
+ // if (rowIndex === 0) {
+ // // 第一列的 th，適用於該欄
+ // $(this).attr("scope", "col");
+ // } else if (colIndex === 0) {
+ // // 其他列的第一個 th，適用於該行
+ // $(this).attr("scope", "row");
+ // }
+ // });
+ // });
+ // });
$(".banner-pager button").addClass('banner-pagerbtn');
$(".banner-pager button").attr("type","button");
$(".banner-pager button").append('下一張');
@@ -2807,6 +2818,7 @@ $(document).ready(function () {
}
});
});
+//post
$(document).ready(function () {
setTimeout(function () {
$('iframe.twitter-share-button, iframe.twitter-tweet-button').each(function () {
@@ -2814,6 +2826,55 @@ $(document).ready(function () {
});
}, 1500);
});
+$(function() {
+ function bindIframeFocus() {
+ var $iframe = $('.twitter-share-button');
+ if ($iframe.length === 0) return;
+
+ $iframe.each(function() {
+ var $wrap = $(this).closest('.tw-share-button');
+
+ // 讓外層可以被 tab 到並顯示焦點框
+ $wrap.attr('tabindex', '-1');
+
+ $(window).on('blur.twitterFocus', function() {
+ setTimeout(function() {
+ if (document.activeElement &&
+ $(document.activeElement).hasClass('twitter-share-button')) {
+ $wrap.css({
+ 'outline': '3px solid #005fcc',
+ 'outline-offset': '2px',
+ 'border-radius': '2px'
+ });
+ }
+ }, 100);
+ });
+
+ $(window).on('focus.twitterFocus', function() {
+ $wrap.css({
+ 'outline': '',
+ 'outline-offset': ''
+ });
+ });
+ });
+ }
+
+ // 用 MutationObserver 等 iframe 被 Twitter script 插入後才綁定
+ var observer = new MutationObserver(function(mutations) {
+ if ($('.twitter-share-button').length > 0) {
+ bindIframeFocus();
+ observer.disconnect(); // 綁定成功後停止監聽
+ }
+ });
+
+ observer.observe(document.body, {
+ childList: true,
+ subtree: true
+ });
+
+ // 保險：2秒後強制執行一次
+ setTimeout(bindIframeFocus, 1000);
+});
//orbitbarlogo無障礙
$(function() {
var $logo = $('.orbit-bar-logo');
@@ -2859,6 +2920,9 @@ $(function() {
var target = document.getElementById('gallery-theater-stage');
if (!target) return;
+ // 頁面載入時若已存在 #gallery-theater-stage，則還原 z-index
+ $('.verticalhome').css('z-index', 'auto');
+
var observer = new MutationObserver(function() {
var display = target.style.display;
if (display === 'block') {
diff --git a/assets/stylesheets/template/base/_global.scss b/assets/stylesheets/template/base/_global.scss
index 9c2dd37..da16950 100644
--- a/assets/stylesheets/template/base/_global.scss
+++ b/assets/stylesheets/template/base/_global.scss
@@ -4,7 +4,7 @@
@import "variables";
.fa-classic, .fa-regular, .fa-solid, .far, .fas ,.fa{
- font-family: var(--fa-style-family, "FontAwesome");
+ font-family: "FontAwesome";
}
#orbit-bar .orbit-bar-inner > label:focus, #orbit-bar .orbit-bar-inner > label.focus{
.orbit-bar-search-sign-language{
diff --git a/assets/stylesheets/template/base/_go_back_top.scss b/assets/stylesheets/template/base/_go_back_top.scss
index 059d410..f05b5f7 100644
--- a/assets/stylesheets/template/base/_go_back_top.scss
+++ b/assets/stylesheets/template/base/_go_back_top.scss
@@ -3,7 +3,7 @@
@import "variables";
.go-back-top {
- background: #8269df;
+ background: #7358d5;
text-align: center;
padding: 0.625em 0.75em;
position: fixed;
@@ -15,10 +15,7 @@
font-size: 0.750em;
border-radius: 0.125em;
z-index: 1050;
- opacity: .7;
-
&:hover {
- background:#8269df;
- opacity:1;
+ background:#5b40bd;
}
}
diff --git a/assets/stylesheets/template/layout/content.scss b/assets/stylesheets/template/layout/content.scss
index 40161f0..eb246fd 100644
--- a/assets/stylesheets/template/layout/content.scss
+++ b/assets/stylesheets/template/layout/content.scss
@@ -1,6 +1,11 @@
@charset "utf-8";
@import "../initial";
+.line-it-button{
+ .label{
+ color: #333!important;
+ }
+}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
@media(max-width: $screen-xs){
padding: 0;
diff --git a/assets/stylesheets/template/modules/announcement.scss b/assets/stylesheets/template/modules/announcement.scss
index c2f6ebd..13b06ab 100644
--- a/assets/stylesheets/template/modules/announcement.scss
+++ b/assets/stylesheets/template/modules/announcement.scss
@@ -2603,12 +2603,6 @@
.i-annc__entry-title {
margin-bottom: 0;
margin-top: 0;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- overflow: hidden;
- text-overflow: ellipsis;
- // clear: both;
}
.i-annc__title {
@@ -2616,6 +2610,11 @@
color: $theme-color-main;
text-decoration: none;
@extend .i-title;
+ display: -webkit-box;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ text-overflow: ellipsis;
+ overflow: hidden;
&:hover {
color: $theme-color-second;
}
diff --git a/assets/stylesheets/template/modules/menu.scss b/assets/stylesheets/template/modules/menu.scss
index 3c96deb..9554ce9 100644
--- a/assets/stylesheets/template/modules/menu.scss
+++ b/assets/stylesheets/template/modules/menu.scss
@@ -1,7 +1,9 @@
@charset "utf-8";
@import "../initial";
-
+.dropdown-toggle:focus {
+ outline: auto!important;
+}
// // 選單樣式2
// .modules-menu .modules-menu-level-1 > li:hover, .modules-menu .modules-menu-level-1 > li.hover-class{
// background-color: transparent!important;
@@ -105,9 +107,6 @@
// top:0;
margin-top: 0;
min-width: 100%;
- -webkit-backdrop-filter: saturate(180%) blur(20px);
- backdrop-filter: saturate(180%) blur(20px);
- background-color: #ffffffa6;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
diff --git a/modules/gallery/gallery_index1.html.erb b/modules/gallery/gallery_index1.html.erb
index 097255a..1669501 100644
--- a/modules/gallery/gallery_index1.html.erb
+++ b/modules/gallery/gallery_index1.html.erb
@@ -4,21 +4,21 @@