Add non-md file icons

mgmeyers · Jan 29, 2021 · 5582944 · 5582944
1 parent 560d578
commit 5582944
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/obsidian.css b/obsidian.css
@@ -2418,7 +2418,9 @@ input[type="checkbox"]:checked:before {
 }
 
 .nav-file-tag {
-  margin: 0 4px 0 0;
+	background-color: var(--shade-5);
+	letter-spacing: 0;
+  margin: 0 0 0 4px;
   position: static;
 }
 
@@ -2433,6 +2435,11 @@ input[type="checkbox"]:checked:before {
   display: flex;
   align-items: center;
 }
+
+.nav-file-title {
+	flex-direction: row-reverse;
+}
+
 .nav-file-title.is-being-dragged,
 .nav-file-title.is-active,
 body:not(.is-grabbing) .nav-file-title.is-active:hover {
@@ -2472,13 +2479,13 @@ body:not(.is-grabbing) .nav-file-title.is-active:hover {
   line-height: 0;
 }
 .nav-file-icon:before,
-.nav-file-title-content:only-child:before,
+.nav-file-title-content:before,
 .search-result-file-title .tree-item-inner:before {
   position: relative;
   padding-right: 4px;
   margin: 0;
 }
-.nav-file-title-content:only-child:before {
+.nav-file-title-content:before {
   top: 0.5px;
 }
 .workspace-leaf-content[data-type="starred"] .nav-file-title-content {
@@ -3824,7 +3831,7 @@ input[type="range"]::-webkit-slider-thumb:active {
 .external-link:after,
 .markdown-preview-view .collapse-indicator:before,
 .search-result-file-title .tree-item-inner:before,
-.nav-file-title-content:only-child:before,
+.nav-file-title-content:before,
 .nav-file-icon:before,
 .CodeMirror-foldmarker:after,
 .CodeMirror-foldgutter-folded:after,
@@ -3851,7 +3858,7 @@ input[type="range"]::-webkit-slider-thumb:active {
   height: 18px;
 }
 
-.nav-file-title-content:only-child:before,
+.nav-file-title-content:before,
 .search-result-file-title .tree-item-inner:before,
 .nav-file-icon:before {
   display: inline-block;
@@ -3896,6 +3903,14 @@ input[type="range"]::-webkit-slider-thumb:active {
   content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M19.903,8.586c-0.049-0.106-0.11-0.207-0.196-0.293l-6-6c-0.086-0.086-0.187-0.147-0.293-0.196 c-0.03-0.014-0.062-0.022-0.094-0.033c-0.084-0.028-0.17-0.046-0.259-0.051C13.04,2.011,13.021,2,13,2H6C4.897,2,4,2.897,4,4v16 c0,1.103,0.897,2,2,2h12c1.103,0,2-0.897,2-2V9c0-0.021-0.011-0.04-0.013-0.062c-0.005-0.089-0.022-0.175-0.051-0.259 C19.926,8.647,19.917,8.616,19.903,8.586z M16.586,8H14V5.414L16.586,8z M6,20V4h6v5c0,0.553,0.447,1,1,1h5l0.002,10H6z"></path><path d="M8 12H16V14H8zM8 16H16V18H8zM8 8H10V10H8z"></path></svg>');
 }
 
+.nav-file-title-content:before {
+  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(0, 0, 0);"><path d="M19.937,8.68c-0.011-0.032-0.02-0.063-0.033-0.094c-0.049-0.106-0.11-0.207-0.196-0.293l-6-6 c-0.086-0.086-0.187-0.147-0.293-0.196c-0.03-0.014-0.062-0.022-0.094-0.033c-0.084-0.028-0.17-0.046-0.259-0.051 C13.04,2.011,13.021,2,13,2H6C4.897,2,4,2.897,4,4v16c0,1.103,0.897,2,2,2h12c1.103,0,2-0.897,2-2V9 c0-0.021-0.011-0.04-0.013-0.062C19.982,8.85,19.965,8.764,19.937,8.68z M16.586,8H14V5.414L16.586,8z M6,20V4h6v5 c0,0.553,0.447,1,1,1h5l0.002,10H6z"></path></svg>');
+}
+
+.theme-dark .nav-file-title-content:before {
+  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" style="fill:rgb(204,204,204);"><path d="M19.937,8.68c-0.011-0.032-0.02-0.063-0.033-0.094c-0.049-0.106-0.11-0.207-0.196-0.293l-6-6 c-0.086-0.086-0.187-0.147-0.293-0.196c-0.03-0.014-0.062-0.022-0.094-0.033c-0.084-0.028-0.17-0.046-0.259-0.051 C13.04,2.011,13.021,2,13,2H6C4.897,2,4,2.897,4,4v16c0,1.103,0.897,2,2,2h12c1.103,0,2-0.897,2-2V9 c0-0.021-0.011-0.04-0.013-0.062C19.982,8.85,19.965,8.764,19.937,8.68z M16.586,8H14V5.414L16.586,8z M6,20V4h6v5 c0,0.553,0.447,1,1,1h5l0.002,10H6z"></path></svg>');
+}
+
 .workspace-tab-header[aria-label="File explorer"]
   .workspace-tab-header-inner-icon:after {
   opacity: 0.5;