feat(jdanielmourao#224): style document properties

antoKeinanen · Apr 14, 2024 · bb221c4 · bb221c4
1 parent adb90ae
commit bb221c4
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/src/scss/index.scss b/src/scss/index.scss
@@ -32,6 +32,7 @@
 @use "obsidian/titlebar";
 @use "obsidian/tooltip";
 @use "obsidian/typography";
+@use "obsidian/properties.scss";
 
 @use "components/buttons";
 @use "components/checkbox";

diff --git a/src/scss/obsidian/properties.scss b/src/scss/obsidian/properties.scss
@@ -0,0 +1,29 @@
+.metadata-properties {
+  gap: 0;
+}
+
+.metadata-property {
+  padding-block: 4px;
+  border-radius: 0;
+
+  &:hover,
+  &:focus-within {
+    background-color: var(--background-modifier-hover);
+  }
+
+  .metadata-property-key .metadata-property-key-input {
+    background-color: transparent;
+  }
+
+  .metadata-property-value:hover {
+    background-color: var(--field-hover-1);
+  }
+
+  &:hover {
+    box-shadow: none;
+  }
+
+  &:not(:last-child) {
+    border-bottom: 1px solid var(--background-modifier-border);
+  }
+}