Remove shadows in blogger styling

center-key · Jan 27, 2024 · 0f486bc · 0f486bc
1 parent 7d4e05d
commit 0f486bc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/css/blogger-tweaks/style.less b/src/css/blogger-tweaks/style.less
@@ -9,8 +9,14 @@
    #sidebar {
       width: 340px;
       margin-top: -30px;  //leave simple black bar below header
+      box-shadow: none;
       .items {
          .item {
+            box-shadow: none;
+            transition: 400ms background-color;
+            &:hover {
+               background-color: white;
+               }
             h3.title {
                font-size: 1.0rem;
                }
@@ -59,6 +65,7 @@ body >.viewitem-panel {
       }
    .header-drawer {
       top: 35px;
+      box-shadow: none;
       #views.menu {
          .HideMe();  //remove ridiculous view format drop-down
          }

diff --git a/src/js/lib-x.ts b/src/js/lib-x.ts
@@ -988,9 +988,9 @@ const libXExtra = {
          libX.ui.normalize();
          globalThis.hljsEnhance.setup();
          };
-      const delayed1 = () => globalThis.setTimeout(onArticleLoad, 800);   //hack to let page load
-      const delayed2 = () => globalThis.setTimeout(onArticleLoad, 2000);  //2nd try to make sure
-      globalThis.blogger.ui().addListener('updated', () => (delayed1(), delayed2()));
+      const delayed = (delay: number) => globalThis.setTimeout(onArticleLoad, delay);
+      globalThis.blogger.ui().addListener('updated', () => delayed(800));   //hack to let page load
+      globalThis.blogger.ui().addListener('updated', () => delayed(2000));  //2nd try to make sure
       },
    gTags(scriptTag: HTMLScriptElement): void {
       // Google Tracking