fix: open local uploaded resources

2026-05-20 12:58:29 +08:00
parent cfc91320be
commit 322c7ffdce
4 changed files with 429 additions and 3 deletions
@@ -1819,6 +1819,34 @@ body {
  text-decoration: none !important;
 }

+.document-shell .editor-surface .ProseMirror a.mnote-uploaded-attachment-row::before {
+  content: "" !important;
+  display: inline-block !important;
+  width: 18px !important;
+  height: 18px !important;
+  flex: 0 0 18px !important;
+  border-radius: 4px !important;
+  background: #6b7280;
+  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.12) !important;
+}
+
+.document-shell .editor-surface .ProseMirror a.mnote-uploaded-attachment-word::before {
+  background: #4f7df3;
+}
+
+.document-shell .editor-surface .ProseMirror a.mnote-uploaded-attachment-ppt::before,
+.document-shell .editor-surface .ProseMirror a.mnote-uploaded-attachment-pdf::before {
+  background: #d94841;
+}
+
+.document-shell .editor-surface .ProseMirror a.mnote-uploaded-attachment-sheet::before {
+  background: #2f9e44;
+}
+
+.document-shell .editor-surface .ProseMirror a.mnote-uploaded-attachment-code::before {
+  background: #111111;
+}
+
 .document-shell .editor-surface .ProseMirror a.mnote-uploaded-attachment-row::after {
  content: "" !important;
  display: none !important;
@@ -4044,6 +4072,19 @@ mod tests {
        assert!(MNOTE_CSS.contains("#mnote-mindmap-island"));
    }

+    #[test]
+    fn uploaded_attachment_rows_use_colored_file_badges() {
+        assert!(MNOTE_CSS.contains("a.mnote-uploaded-attachment-row::before"));
+        assert!(MNOTE_CSS.contains("a.mnote-uploaded-attachment-word::before"));
+        assert!(MNOTE_CSS.contains("background: #4f7df3"));
+        assert!(MNOTE_CSS.contains("a.mnote-uploaded-attachment-ppt::before"));
+        assert!(MNOTE_CSS.contains("background: #d94841"));
+        assert!(MNOTE_CSS.contains("a.mnote-uploaded-attachment-sheet::before"));
+        assert!(MNOTE_CSS.contains("background: #2f9e44"));
+        assert!(MNOTE_CSS.contains("a.mnote-uploaded-attachment-code::before"));
+        assert!(MNOTE_CSS.contains("background: #111111"));
+    }
+
    #[test]
    fn mnote_css_contains_responsive_breakpoints() {
        assert!(MNOTE_CSS.contains("@media (max-width: 768px)"));