2023-11-19 weekly

static/css/custom.css

@@ -399,3 +399,12 @@ body > .wrapper {
         z-index: 9;
     }
 }
+
+/* Video Stats */
+.video-stats-badge .badge-tag {
+    font-size: 0.8em;
+}
+
+.video-stats-badge {
+    display: inline-block;
+}

static/css/popup.css

@@ -0,0 +1,33 @@
+/* 覆写原始popup的CSS */
+.popup-content .popup-header .popup-title {display: none}
+.popup-content .popup-body {font-size: initial !important; text-align: initial;}
+
+.popup-icon {height: 1em;} /* 默认为 1em 和字体一样大，不然就单独覆写 */
+
+.popup-content .popup-body .tooltip-div {
+    color: black;
+    font-size: initial;
+}
+
+.popup-content .popup-body .tooltip-div a {color: #39c !important;}
+.popup-content .popup-body .tooltip-div a:hover {color: #069 !important;}
+
+.popup-content .popup-body .tooltip-div .tooltip-ol li {
+    text-overflow: initial;
+    -webkit-line-clamp: initial;
+    overflow: initial;
+    white-space: initial;
+}
+.popup-content .popup-body .tooltip-div .tooltip-ol li:before {
+    content: "";
+}
+
+.popup-content .popup-body .tooltip-div .tooltip-ol, .popup-content .popup-body .tooltip-div .tooltip-ul {
+    padding-left: 3em;
+}
+
+.gallery-img div span .popup-icon {
+    height: 1em;
+    width: 1em;
+    border: unset;
+}

static/js/popup.js

@@ -0,0 +1,21 @@
+var current_popup = void 0;
+
+function removePopup(popup) {
+    popup.hide();
+    current_popup.popupEl.remove();
+}
+
+function showPopupByTooltipId(tooltip_id) {
+    if (current_popup !== void 0) {
+        removePopup(current_popup);
+    }
+
+    current_popup = new Popup({"title": "  ",
+        "content": tooltip_data[tooltip_id],
+        hideCallback: () => {
+            document.getElementsByTagName("html")[0].style = "scroll-behavior: smooth;";
+        },
+    });
+    document.getElementsByTagName("html")[0].style = "";
+    current_popup.show();
+}