feat(fe-handler): adjust folder title and icon style

bring back the underline mark for folder with folder note
aidenlx · Feb 28, 2022 · 03a8340 · 03a8340
1 parent eaeb33a
commit 03a8340
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/fe-handler/file-explorer.less b/src/fe-handler/file-explorer.less
@@ -3,10 +3,12 @@ body:not(.alx-no-hide-note) .nav-file.alx-folder-note > .nav-file-title {
 }
 
 .nav-folder.alx-folder-with-note {
-  & > .nav-folder-title > .nav-folder-title-content::after {
-    content: ">";
-    color: var(--text-accent);
-    margin-left: 5px;
+  & > .nav-folder-title > .nav-folder-title-content {
+    /* color: var(--text-accent); */
+    text-decoration-line: underline;
+    text-decoration-color: var(--text-faint);
+    text-decoration-thickness: 2px;
+    text-underline-offset: 1px;
   }
 
   &.alx-empty-folder > .nav-folder-title > .nav-folder-collapse-indicator {

diff --git a/src/fe-handler/folder-icon.less b/src/fe-handler/folder-icon.less
@@ -5,7 +5,7 @@
     content: var(--alx-folder-icon-txt);
     background-image: var(--alx-folder-icon-url);
     height: unset !important;
-    vertical-align: baseline;
+    vertical-align: text-top;
   }
   &[data-icon-type="svg"] > @{folder-title-selector}::before {
     content: " ";