Update 1.0.12

External Information/commands.md

@@ -1,6 +1,6 @@
 %% (CMD/PS) Ukiyo\src> %%
 
 ```
-sass --watch "main.scss" "../testbench_vault/.obsidian/themes/Ukiyo.css"
+sass --no-source-map --watch "main.scss" "../testbench_vault/.obsidian/themes/Ukiyo.css"
 css-minify -f "../testbench_vault/.obsidian/themes/Ukiyo.css" -o "../dist"
-```
+```

src/base/settings/_themes_settings.scss

@@ -21,6 +21,11 @@
       padding-bottom: 0px;
       height: 51.9vw;
     }
+
+    .community-theme-mode-toggle-container {
+      margin-top: 11.5px;
+      margin-left: 5px;
+    }
   }
 
   .theme-list {
@@ -138,14 +143,32 @@
         & .community-theme-downloads {
           margin: 0;
         }
+
+        .clickable-icon {
+          transition: all 0.2s ease-in-out;
+          grid-column: 1 / 4;
+          margin-top: -2.1em;
+          margin-left: auto;
+          margin-right: auto;
+          width: 20px;
+        }
       }
 
-      & .community-theme-screenshot {
-        grid-column: 2 / 4;
-        grid-row: 1 / 3;
+      div:not(.community-theme-title, .community-theme-info, .modal-button-container) {
+        /*width: 75%;
+        height: 95%;*/
+        width: 40vw;
+        height: 40vh;
         margin: auto;
       }
 
+      & img.community-theme-screenshot {
+        width: 100%;
+        max-width: 100%;
+        height: 100%;
+        margin-left: 25px;
+      }
+
       & .community-theme-remove-button {
         display: block;
         top: 36px;
@@ -171,7 +194,6 @@
 
         &::after {
           content: "Thank You for choosing this theme, I hope you enjoy it as much as I do! 😊\A\A I just want to warn you that some features/icons may seem like they're not available, but it's just that they're not visible. Since this is a theme that, mainly, I created for myself, I decided to 'erase' some of this icons. This doesn't mean that they are not available, it means that you may need to go to the Settings and make some adjustments to the Shortcuts that you may or may not use. \A\A All the changes, general information and shortcuts that you need to change are all listed on the GitHub Repository.\A\A Any feedback or feature request can be made on the GitHub Repository of this theme.\A\A";
-
           grid-column: 1 / 3;
           grid-row: 3 / 5;
 

src/base/workspace-left/_nav-container.scss

@@ -77,6 +77,17 @@
     font-weight: bold;
   }
 
+  .nav-file-tag {
+    background-color: var(--nav-tag-background);
+  }
+
+  /* NAV Vertical Lines */
+  .nav-folder-children:not(.nav-folder.mod-root > .nav-folder-children) {
+    border-left: 1px solid var(--text-muted);
+    padding: 0px;
+    margin-left: 17px;
+  }
+
   .nav-file-title {
     white-space: normal;
     width: auto;
@@ -85,11 +96,17 @@
 
     &.is-active {
       background-color: var(--nav-file-a);
-    }
-  }
 
-  .nav-file-tag {
-    background-color: var(--nav-tag-background);
+      margin-left: -1px;
+      margin-right: 2px;
+      min-width: 98%;
+
+      border-top-left-radius: 0px;
+      border-bottom-left-radius: 0px;
+
+      border-top-right-radius: 3px;
+      border-bottom-right-radius: 3px;
+    }
   }
 }
 

src/base/workspace-root/UI/_header.scss

@@ -1,5 +1,27 @@
 /* Header */
 
+@keyframes fade_in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fade_out {
+  0% {
+    opacity: 1;
+  }
+
+  90% {
+    opacity: 0.17;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
 .theme-dark,
 .theme-light {
   .workspace-leaf:only-of-type .view-header {
@@ -13,31 +35,48 @@
     }
 
     .view-header {
+      svg[class^="reading-glasses"],
+      svg[class^="cross"],
+      svg[class^="pencil"] {
+        display: none;
+      }
+
       .view-header-title {
         padding-top: 5px;
         line-height: initial;
       }
 
-      svg[class^="reading-glasses"],
-      svg[class^="cross"],
-      svg[class^="pencil"] {
-        display: none;
+      .view-actions {
+        animation: fade_out 0.3s;
+        transition: none;
+      }
+
+      .view-action {
+        color: var(--text-muted);
       }
 
       .view-header-icon {
+        animation: fade_out 0.3s;
+        transition: 0.2s visibility ease-in-out;
         visibility: hidden;
       }
 
-      &:hover {
-        .view-header-icon {
-          visibility: visible;
-        }
+      .view-header-title-container {
+        transition: 0.25s margin ease-in-out;
+      }
 
+      &:hover {
         .view-header-title-container {
           margin-left: -10px;
         }
 
+        .view-header-icon {
+          animation: fade_in 0.4s;
+          visibility: visible;
+        }
+
         .view-actions {
+          animation: fade_in 0.4s;
           visibility: visible;
         }
       }

src/base/workspace-root/note/_text-general.scss

@@ -28,7 +28,7 @@
       left: 0;
 
       margin-top: 20px;
-      margin-left: -6px;
+      margin-left: -5px;
       font-size: 12px;
       font-weight: bold;
 
@@ -43,7 +43,7 @@
 
       margin-top: 20px;
       font-size: 12px;
-      margin-right: -6px;
+      margin-right: -5px;
 
       color: var(--txt-selected-arrow);
     }
@@ -61,7 +61,7 @@
 
       font-size: 12px;
       margin-top: -18px;
-      margin-left: -6.5px;
+      margin-left: -6.2px;
 
       color: var(--txt-selected-arrow);
     }
@@ -97,7 +97,7 @@
 
       font-size: 12px;
       margin-bottom: -17px;
-      margin-right: -6px;
+      margin-right: -6.5px;
 
       color: var(--txt-selected-arrow);
     }

src/features/_F-main.scss

@@ -6,4 +6,4 @@
 
 /*< Global CSS >*/
 @use "./global-css/F-GC-dv-books";
-@use "./global-css/F-GC-noWidth";
+@use "./global-css/F-GC-noWidth";

src/plugins/AFO/_P-A-sliding.scss

@@ -0,0 +1,63 @@
+/* Sliding Panes - Plugin */
+
+$padding-left-min: 0px;
+$padding-left-max: 12px;
+
+@keyframes SP_fade_out {
+  0% {
+    padding-left: $padding-left-max;
+  }
+
+  100% {
+    padding-left: $padding-left-min;
+  }
+}
+
+@keyframes SP_fade_in {
+  0% {
+    padding-left: $padding-left-min;
+  }
+
+  100% {
+    padding-left: $padding-left-max;
+  }
+}
+
+body.plugin-sliding-panes-rotate-header
+  .workspace
+  > .mod-root
+  > .workspace-leaf
+  > .workspace-leaf-content
+  > .view-header
+  > .view-header-title-container
+  > .view-header-title,
+body.plugin-sliding-panes-rotate-header
+  .workspace
+  > .mod-root
+  > .workspace-split
+  > .workspace-leaf-content
+  > .view-header
+  > .view-header-title-container
+  > .view-header-title {
+  animation: SP_fade_out 0.4s;
+}
+
+body.plugin-sliding-panes-rotate-header
+  .workspace
+  > .mod-root
+  > .workspace-leaf
+  > .workspace-leaf-content
+  > .view-header:hover
+  > .view-header-title-container
+  > .view-header-title,
+body.plugin-sliding-panes-rotate-header
+  .workspace
+  > .mod-root
+  > .workspace-split
+  > .workspace-leaf-content
+  > .view-header:hover
+  > .view-header-title-container
+  > .view-header-title {
+  animation: SP_fade_in 0.4s;
+  padding-left: $padding-left-max;
+}

src/plugins/_P-main.scss

@@ -6,6 +6,7 @@
 @use "./AFO/P-A-kanban";
 @use "./AFO/P-A-langTool";
 @use "./AFO/P-A-templater";
+@use "./AFO/P-A-sliding";
 
 /* Style Settings */
 @use "./style-settings/P_SS-alt-themes";
@@ -24,3 +25,4 @@
 .style-settings-container {
   padding-bottom: 5px !important;
 }
+