update
This commit is contained in:
parent
6085191a3d
commit
48440dad0d
|
|
@ -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('<span style="display: none;">下一張</span>');
|
||||
|
|
@ -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') {
|
||||
|
|
|
|||
|
|
@ -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{
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -4,21 +4,21 @@
|
|||
</h3>
|
||||
<div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
|
||||
<div class="index-content col-sm-3">
|
||||
|
||||
<div class="index-content-inner">
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">
|
||||
<div class="index-pic">
|
||||
<img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div class="index-part">
|
||||
<h4 class="index-content-title">
|
||||
<a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
|
||||
<span>{{album-name}}</span>
|
||||
</h4>
|
||||
<div class="index-img-description">{{album-description}}</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue