Staged and Unstaged Changes Diff

{
  # === STAGED ===
  git diff --cached --name-status | while read status file; do
    echo "# staged $file"
    echo '````diff'
    git diff --cached -- "$file"
    echo '````'
    echo ""
  done
  # === UNSTAGED ===
  git diff --name-status | while read status file; do
    echo "# unstaged $file"
    echo '````diff'
    git diff -- "$file"
    echo '````'
    echo ""
  done
} | clip

contoh preview:

[staged] quartz.config.default.yaml

diff --git a/quartz.config.default.yaml b/quartz.config.default.yaml
index 771725d..cd77749 100644
--- a/quartz.config.default.yaml
+++ b/quartz.config.default.yaml
@@ -90,7 +90,7 @@ plugins:
     enabled: false
     order: 85
   - source: github:quartz-community/hard-line-breaks
-    enabled: false
+    enabled: true
     order: 90
   - source: github:quartz-community/ox-hugo
     enabled: false

[staged] quartz.config.static.yaml

diff --git a/quartz.config.static.yaml b/quartz.config.static.yaml
index 0c3b716..ee62e07 100644
--- a/quartz.config.static.yaml
+++ b/quartz.config.static.yaml
@@ -94,7 +94,7 @@ plugins:
     enabled: false
     order: 85
   - source: github:quartz-community/hard-line-breaks
-    enabled: false
+    enabled: true
     order: 90
   - source: github:quartz-community/ox-hugo
     enabled: false

[staged] quartz.config.yaml

diff --git a/quartz.config.yaml b/quartz.config.yaml
index c1892b5..5a1f179 100644
--- a/quartz.config.yaml
+++ b/quartz.config.yaml
@@ -92,7 +92,7 @@ plugins:
     enabled: false
     order: 85
   - source: github:quartz-community/hard-line-breaks
-    enabled: false
+    enabled: true
     order: 90
   - source: github:quartz-community/ox-hugo
     enabled: false

[staged] quartz/components/scripts/page-editor.inline.ts

diff --git a/quartz/components/scripts/page-editor.inline.ts b/quartz/components/scripts/page-editor.inline.ts
index 9b82f11..6a98928 100644
--- a/quartz/components/scripts/page-editor.inline.ts
+++ b/quartz/components/scripts/page-editor.inline.ts
@@ -835,6 +835,12 @@ async function startEditing() {
           closeSuggestions()
           return
         }
+      } else {
+        if (e.key === "Tab") {
+          e.preventDefault()
+          document.execCommand("insertText", false, "\t")
+          return
+        }
       }
     })
 

[staged] quartz/styles/custom.scss

diff --git a/quartz/styles/custom.scss b/quartz/styles/custom.scss
index eacecf2..845e2ae 100644
--- a/quartz/styles/custom.scss
+++ b/quartz/styles/custom.scss
@@ -58,6 +58,35 @@ body {
   overflow-wrap: break-word !important;
 }
 
+// Sidebar Resizer Drag Handles (nested inside sidebars, styled globally to prevent unstyled layout flow)
+.sidebar-resizer {
+  display: none !important; // Hidden by default on mobile/tablet
+  width: 6px !important;
+  cursor: col-resize !important;
+  position: absolute !important;
+  top: 0 !important;
+  bottom: 0 !important;
+  height: 100% !important;
+  z-index: 1000 !important;
+  transition: background-color 0.15s ease !important;
+
+  &.left-resizer {
+    right: 0 !important;
+    left: auto !important; // Ensure it does not stretch across the sidebar
+  }
+
+  &.right-resizer {
+    left: 0 !important;
+    right: auto !important; // Ensure it does not stretch across the sidebar
+  }
+
+  &:hover,
+  &.active {
+    background-color: var(--secondary) !important;
+    opacity: 0.8 !important;
+  }
+}
+
 @media all and (max-width: 800px) {
 
   html,
@@ -1335,30 +1364,9 @@ body {
     margin-top: 0 !important;
   }
 
-  // Sidebar Resizer Drag Handles (nested inside sidebars)
+  // Display resizer handles on desktop
   .sidebar-resizer {
-    width: 6px !important;
-    cursor: col-resize !important;
-    position: absolute !important;
-    top: 0 !important;
-    bottom: 0 !important;
-    height: 100% !important;
-    z-index: 1000 !important;
-    transition: background-color 0.15s ease !important;
-
-    &.left-resizer {
-      right: 0 !important;
-    }
-
-    &.right-resizer {
-      left: 0 !important;
-    }
-
-    &:hover,
-    &.active {
-      background-color: var(--secondary) !important;
-      opacity: 0.8 !important;
-    }
+    display: block !important;
   }
 }