table js

assets/javascripts/app.js

@@ -766,20 +766,20 @@ $(function() {
             $(this).attr("style", newStyle);
           }
         });
-          //表格scope
+        //   //表格scope
-        $("table").each(function() {
+        // $("table").each(function() {
-              $(this).find("tr").each(function(rowIndex) {
+        //       $(this).find("tr").each(function(rowIndex) {
-                  $(this).find("th").each(function(colIndex) {
+        //           $(this).find("th").each(function(colIndex) {
-                      if (rowIndex === 0) {
+        //               if (rowIndex === 0) {
-                          // 第一列的 th，適用於該欄
+        //                   // 第一列的 th，適用於該欄
-                          $(this).attr("scope", "col");
+        //                   $(this).attr("scope", "col");
-                      } else if (colIndex === 0) {
+        //               } else if (colIndex === 0) {
-                          // 其他列的第一個 th，適用於該行
+        //                   // 其他列的第一個 th，適用於該行
-                          $(this).attr("scope", "row");
+        //                   $(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>');
@@ -3014,6 +3014,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') {

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{

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;

assets/stylesheets/template/modules/ad_banner.scss

@@ -30,9 +30,11 @@ ul.button-mid{
     }
 	}
 }
-ul.button-mid{
+.button-mid {
-  margin:0;
+    position: absolute;
-  z-index: 201;
+    width: 100%;
+    height: 0;
+    top: 50%;
 }
 .banner-pager .active-slide button{
   background: $theme-color-second!important;

assets/stylesheets/template/modules/announcement.scss

@@ -2592,12 +2592,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 {
@@ -2605,6 +2599,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;
     }

modules/ad_banner/_ad_banner_widget2.html.erb

@@ -29,7 +29,9 @@
 
     </div>
   </div>
-  <ul class="w-ba-banner__pager-2 banner-pager banner_caption_{{subpart-id}}"></ul>
+    <div class="w-ad-banner__pager-2 w-ba-banner__caption banner-pager banner_caption_{{subpart-id}}" data-list="images" data-level="0">
+    <li><button title="Slide {{slide_number}}" aria-label="Pager"><span style="display: none;">Slide {{slide_number}}</span></button></li>
+  </div>
   <ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
     <a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
       <i aria-hidden="true"></i>

modules/custom_gallery/custom_gallery_index1.html.erb

@@ -6,7 +6,7 @@
     <div class="index-content col-xs-4 col-sm-3">
       <div class="index-content-inner">
         <div class="index-pic">
-          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
         </div>
         <section class="index-part">
           <h4 class="index-content-title">

modules/custom_gallery/custom_gallery_index3.html.erb

@@ -6,7 +6,7 @@
     <div class="index-content col-xs-4 col-sm-3">
       <div class="index-content-inner">
         <div class="index-pic">
-          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
         </div>
         <section class="index-part">
           <h4 class="index-content-title">

modules/gallery/gallery_index1.html.erb

@@ -4,15 +4,16 @@
   </h3>
   <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
     <div class="index-content col-sm-3">
-      <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+      
       <div class="index-content-inner">
+        <a href="{{link_to_show}}" title="{{album-name}}">
         <div class="index-pic">
-          <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+          <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}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+            <a href="{{link_to_show}}" title="{{album-name}}">{{album-name}}</a>
           </h4>
           <div class="index-img-description">{{album-description}}</div>
         </div>

modules/gallery/gallery_index2.html.erb

@@ -5,14 +5,14 @@
   <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
     <div class="index-content">
       <div class="index-content-inner clearfix row">
-       <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+       <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
         <div class="index-pic col-xs-5 col-sm-2">
           <img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
         </div>
         </a>
         <div class="index-part col-xs-7 col-sm-10">
           <h4 class="index-content-title">
-           <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+           <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
           </h4>
           <div class="index-img-description">{{album-description}}</div>
         </div>

modules/gallery/gallery_index3.html.erb

@@ -4,15 +4,15 @@
   </h3>
   <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
     <div class="index-content col-sm-3">
-      <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+      <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
         <div class="index-content-inner">
           <div class="index-pic">
-            <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+            <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}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+              <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
             </h4>
         </div>
     </div>

modules/gallery/gallery_index4.html.erb

@@ -5,14 +5,14 @@
   <div class="row" data-level="0" data-list="albums" style="display: flex;flex-wrap: wrap;">
     <div class="index-content">
       <div class="index-content-inner clearfix row">
-        <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+        <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
           <div class="index-pic col-xs-5 col-sm-2">
             <img class="index-img" src="{{thumb-src}}" alt="{{alt_title}}">
           </div>
         </a>
         <div class="index-part col-xs-7 col-sm-10">
             <h4 class="index-content-title">
-              <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+              <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
             </h4>
         </div>
 

modules/gallery/gallery_index5.html.erb

@@ -8,11 +8,11 @@
 
         <div class="card-front">
           <div class="card-body" style="padding:0;">
-          <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+          <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
             <img src="{{thumb-src}}"alt="{{alt_title}}">
             </a>
             <div class="card-footer">
-            <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+            <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
               <h3 class="card-title">{{album-name}}</h3>
             </a>
             </div>

modules/gallery/gallery_index6.html.erb

@@ -6,14 +6,14 @@
     <div class="index-content  col-sm-3">
 
         <div class="index-content-inner">
-          <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">
+          <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">
           <div class="index-pic">
-            <img class="img-thumbnail" src="{{thumb-src}}" alt="{{alt_title}}">
+            <img class="img-thumbnail" src="{{thumb-src}}" alt="{{album-name}}">
           </div>
           </a>
           <section class="index-part">
             <h4 class="index-content-title">
-              <a href="{{link_to_show}}" aria-label="前往{{page-title}}" title="{{page-title}}">{{album-name}}</a>
+              <a href="{{link_to_show}}" aria-label="前往{{album-name}}" title="{{album-name}}">{{album-name}}</a>
             </h4>
           </section>
         </div>