Differences

This shows you the differences between two versions of the page.

--- button-test [2024/01/24 17:40] – yiler.huang
+++ button-test [2024/01/24 17:50] (current) – yiler.huang
@@ Line 13: / Line 13: @@
             [...document.getElementsByClassName("button btn")].forEach(e => e.className = "button");
             [...document.getElementsByClassName("title page-header pb-3 mb-4 mt-5")].forEach(f => f.className = "title");
-            //[...document.getElementsByClassName("title")].forEach(e => {
+            [...document.getElementsByClassName("title")].forEach(e => {
-            //e.className = `${e.className} ${e.id}`;
+            e.className = `${e.className} ${e.id}`;
-            //e.removeAttribute('id');
+            e.removeAttribute('id');
             });
-            //[...document.getElementsByClassName("title")].filter(e => e.className == "title ")[0].className = "title line";
+            [...document.getElementsByClassName("title")].filter(e => e.className == "title ")[0].className = "title line";
-            //[...document.getElementsByClassName("anchorjs-link ")].forEach(e => e.remove());
+            [...document.getElementsByClassName("anchorjs-link ")].forEach(e => e.remove());
         }
     </script>
@@ Line 30: / Line 30: @@
             margin: 3px;
         }
-        @media only screen and (max-width: 767px) {
-            .button {
-                width: 79%;
-                height: 79%;
-                background-color: none;
-                position: relative;
-                overflow: hidden;
-                margin: 3px;
-            }
-        }
         .image {
             position: absolute;