Skip to content

Commit

Permalink
šŸ› ļø fixed custom folder collapse icons not showing up properly (obsidiā€¦
Browse files Browse the repository at this point in the history
ā€¦an renamed the selector)
  • Loading branch information
ceciliamay committed Sep 23, 2024
1 parent c5ba0b0 commit 4f4a300
Show file tree
Hide file tree
Showing 6 changed files with 15 additions and 15 deletions.
2 changes: 1 addition & 1 deletion Primary.css

Large diffs are not rendered by default.

10 changes: 5 additions & 5 deletions src/css/main.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion src/css/main.min.css

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion src/css/main.min.css.map

Large diffs are not rendered by default.

12 changes: 6 additions & 6 deletions src/scss/50_core-plugins/_file-explorer.scss
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ body {
}
}

.nav-folder-collapse-indicator svg.svg-icon {
.nav-folder .tree-item-icon svg.svg-icon {
color: var(--nav-folder-collapse-color);
}

Expand Down Expand Up @@ -297,26 +297,26 @@ body.colorful-folders_inherit-color {

// File Explorer Folder Closed
body.alt-folder-icons {
&.is-mobile .nav-folder-collapse-indicator svg.right-triangle,
&.is-tablet .nav-folder-collapse-indicator svg.right-triangle {
&.is-mobile .nav-folder .tree-item-icon svg.right-triangle,
&.is-tablet .nav-folder .tree-item-icon svg.right-triangle {
width: var(--mobile-folder-icon-size);
height: var(--mobile-folder-icon-size);
}

.nav-folder-collapse-indicator svg.right-triangle {
.nav-folder .tree-item-icon svg.right-triangle {
width: var(--icon-size);
height: var(--icon-size);
stroke-width: var(--icon-stroke);
background: currentColor;
}

.nav-folder-collapse-indicator.is-collapsed svg.right-triangle {
.nav-folder .tree-item-icon.is-collapsed svg.right-triangle {
transform: unset;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder'%3E%3Cpath d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z'/%3E%3C/svg%3E");
}

// File Explorer Folder Opened
.nav-folder-collapse-indicator:not(.is-collapsed) svg.right-triangle {
.nav-folder .tree-item-icon:not(.is-collapsed) svg.right-triangle {
transform: unset;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-folder-open'%3E%3Cpath d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2'/%3E%3C/svg%3E");
}
Expand Down
2 changes: 1 addition & 1 deletion theme.css

Large diffs are not rendered by default.

0 comments on commit 4f4a300

Please sign in to comment.