Fix: Downloads - Content's decoration

black7375 · Jun 16, 2022 · a5d6ad9 · a5d6ad9
1 parent bb9ecd6
commit a5d6ad9
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 0 deletions.
diff --git a/css/leptonContent.css b/css/leptonContent.css
@@ -2852,3 +2852,28 @@
     }
   }
 }
+/** Download Panel ************************************************************/
+@-moz-document url-prefix("about:downloads") {
+  @media (prefers-reduced-motion: no-preference) {
+    @supports -moz-bool-pref("userChrome.decoration.download_panel") {
+      /* Accent Color for downloaded item */
+      #downloadsListBox .download-state[exists] .downloadDetails {
+        color: var(--button-primary-bgcolor);
+      }
+      #downloadsListBox .download-state[exists] .downloadDetails.downloadDetailsHover {
+        color: var(--button-primary-hover-bgcolor);
+      }
+
+      /* File moved or missing */
+      #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTarget {
+        text-decoration: line-through;
+        text-decoration-color: color-mix(in srgb, currentColor 65%, transparent);
+      }
+      #downloadsListBox .download-state:not([exists], [state="0"]) .downloadTypeIcon {
+        filter: grayscale(100%) !important;
+      }
+    }
+  }
+  @supports -moz-bool-pref("userChrome.icon.context_menu") {
+  }
+}
diff --git a/src/contents/_downloads.scss b/src/contents/_downloads.scss
@@ -0,0 +1,11 @@
+@-moz-document url-prefix("about:downloads") {
+  @include Animate {
+    @include Option("userChrome.decoration.download_panel") {
+      @import "../decoration/download_panel";
+    }
+  }
+
+  @include Option("userChrome.icon.context_menu") {
+    // TODO
+  }
+}
diff --git a/src/leptonContent.scss b/src/leptonContent.scss
@@ -31,3 +31,6 @@
 @include Option("userContent.page.proton") {
   @import "contents/proton_contents";
 }
+
+/** Download Panel ************************************************************/
+@import "contents/downloads";