Remove time box entirely on shared read-only page

Author: alvin000009238

grades_dashboard.css

@@ -1662,6 +1662,17 @@ body.read-only-mode #logoutBtn {
     display: none !important;
 }
 
+body.read-only-mode .data-time-box .time-info,
+body.read-only-mode .data-time-box .time-label,
+body.read-only-mode .data-time-box .time-value,
+body.read-only-mode #updateTime {
+    display: none !important;
+}
+
+body.read-only-mode .data-time-box {
+    gap: 0;
+}
+
 body.read-only-mode .header {
     border-bottom: 1px solid var(--color-warning-muted);
-}
+}

grades_dashboard.js

@@ -1172,11 +1172,14 @@ async function checkSharedLink() {
                 const indicator = document.createElement('div');
                 indicator.className = 'share-indicator';
                 indicator.innerHTML = '<span style="color: var(--color-warning); font-weight: bold; padding: 4px 8px; border: 1px solid var(--color-warning); border-radius: 4px; font-size: 12px;">僅供檢視 (唯讀)</span>';
-                // Insert before data-time-box
+                // Insert indicator and remove the whole time box in share/read-only view
                 const timeBox = document.querySelector('.data-time-box');
-                header.insertBefore(indicator, timeBox);
-
-                if (updateTime) updateTime.textContent = '分享存檔';
+                if (timeBox) {
+                    header.insertBefore(indicator, timeBox);
+                    timeBox.remove();
+                } else {
+                    header.appendChild(indicator);
+                }
             } else {
                 throw new Error(data.error);
             }