chore: tweak

Author: pengzhanbo

Diff for: .stylelintrc.yml

@@ -11,11 +11,17 @@ ignoreFiles:
   - '**/empty.scss'
 
 rules:
-  declaration-block-no-redundant-longhand-properties: true
   media-feature-range-notation: prefix
   no-descending-specificity: null
   # workaround for mixed-declarations
   no-duplicate-selectors: null
+  declaration-block-no-redundant-longhand-properties:
+    - true
+    - ignoreShorthands:
+        - 'margin-block'
+        - 'margin-inline'
+        - 'padding-inline'
+        - 'padding-block'
 
 overrides:
   - files:

Diff for: plugins/development/plugin-git/src/client/styles/changelog.scss

@@ -1,6 +1,8 @@
 .vp-changelog {
-  margin-block: 2rem 1rem;
-  padding-inline: 0 1rem;
+  margin-block-start: 2rem;
+  margin-block-end: 1rem;
+  padding-inline-start: 1rem;
+  padding-inline-end: 1rem;
   border-radius: 8px;
 
   background-color: var(--changelog-bg);
@@ -24,7 +26,8 @@
     align-items: center;
     justify-content: space-between;
 
-    padding-block: 1rem;
+    padding-block-start: 1rem;
+    padding-block-end: 1rem;
 
     font-weight: bold;
 
@@ -55,24 +58,27 @@
     }
 
     .vpi-changelog {
-      --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M2.71 10.96a6.5 6.5 0 1 0-.69-3.53M2 8l1.5-1.5M2 8L.5 6.5m8 2v-4m0 4h3'/%3E%3C/svg%3E");
+      --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' d='M2.71 10.96a6.5 6.5 0 1 0-.69-3.53M2 8l1.5-1.5M2 8L.5 6.5m8 2v-4m0 4h3'/%3E%3C/svg%3E");
     }
 
     .vpi-changelog-menu {
-      --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 5h0.01'/%3E%3Cpath d='M8 5h12'/%3E%3Cpath d='M4 10h0.01'/%3E%3Cpath d='M8 10h12'/%3E%3Cpath d='M4 15h0.01'/%3E%3Cpath d='M8 15h12'/%3E%3Cpath d='M4 20h0.01'/%3E%3Cpath d='M8 20h12'/%3E%3C/g%3E%3C/svg%3E");
+      --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 5h0.01'/%3E%3Cpath d='M8 5h12'/%3E%3Cpath d='M4 10h0.01'/%3E%3Cpath d='M8 10h12'/%3E%3Cpath d='M4 15h0.01'/%3E%3Cpath d='M8 15h12'/%3E%3Cpath d='M4 20h0.01'/%3E%3Cpath d='M8 20h12'/%3E%3C/g%3E%3C/svg%3E");
     }
   }
 
   .changelog-list {
     display: none;
-    margin-block: 0.5rem;
+
+    margin-block-start: 0.5rem;
+    margin-block-end: 0.5rem;
     padding-inline-start: 0;
+
     list-style: none;
   }
 
   &.active {
-    padding-block: 0 0.5rem;
-    padding-inline: 1rem;
+    padding-block-start: 0;
+    padding-block-end: 0.5rem;
 
     .changelog-header {
       padding-block-end: 0.5rem;