feat(CodeReview): 优化边框线

GreatZPP · GreatZPP · commit fb395db0fc88 · 2024-11-24T19:01:40.000+08:00
diff --git a/packages/devui-vue/devui/code-review/src/code-review.scss b/packages/devui-vue/devui/code-review/src/code-review.scss
@@ -183,8 +183,8 @@
       content: '';
     }
 
-    .d2h-code-linenumber{
-      border-right: 1px solid transparent;
+    .d2h-code-linenumber {
+      border-right: 2px solid transparent;
     }
 
     .d2h-code-line-ctn {
@@ -227,9 +227,9 @@
         display: table-cell;
       }
 
-      &.d-code-left:nth-of-type(1),
-      &.d-code-right:nth-of-type(3) {
-        border-right: 1px solid transparent;
+      .d-code-left:nth-of-type(2) > .d2h-code-side-line,
+      .d-code-right:nth-of-type(4) > .d2h-code-side-line {
+        border-left: 2px solid transparent;
       }
     }
 
@@ -279,13 +279,13 @@
         }
       }
 
-      &.d2h-code-linenumber{
-        border-right: 1px solid #fe7300 !important;
+      &.d2h-code-linenumber {
+        border-right: 2px solid #fe7300;
       }
 
-      &.d-code-left:nth-of-type(1),
-      &.d-code-right:nth-of-type(3) {
-        border-right: 1px solid #fe7300 !important;
+      &.d-code-left:nth-of-type(2) > .d2h-code-side-line,
+      &.d-code-right:nth-of-type(4) > .d2h-code-side-line {
+        border-left: 2px solid #fe7300;
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -183,8 +183,8 @@`
`183`	`183`	`content: '';`
`184`	`184`	`}`
`185`	`185`
`186`		`- .d2h-code-linenumber{`
`187`		`- border-right: 1px solid transparent;`
	`186`	`+ .d2h-code-linenumber {`
	`187`	`+ border-right: 2px solid transparent;`
`188`	`188`	`}`
`189`	`189`
`190`	`190`	`.d2h-code-line-ctn {`
`@@ -227,9 +227,9 @@`
`227`	`227`	`display: table-cell;`
`228`	`228`	`}`
`229`	`229`
`230`		`- &.d-code-left:nth-of-type(1),`
`231`		`- &.d-code-right:nth-of-type(3) {`
`232`		`- border-right: 1px solid transparent;`
	`230`	`+ .d-code-left:nth-of-type(2) > .d2h-code-side-line,`
	`231`	`+ .d-code-right:nth-of-type(4) > .d2h-code-side-line {`
	`232`	`+ border-left: 2px solid transparent;`
`233`	`233`	`}`
`234`	`234`	`}`
`235`	`235`
`@@ -279,13 +279,13 @@`
`279`	`279`	`}`
`280`	`280`	`}`
`281`	`281`
`282`		`- &.d2h-code-linenumber{`
`283`		`- border-right: 1px solid #fe7300 !important;`
	`282`	`+ &.d2h-code-linenumber {`
	`283`	`+ border-right: 2px solid #fe7300;`
`284`	`284`	`}`
`285`	`285`
`286`		`- &.d-code-left:nth-of-type(1),`
`287`		`- &.d-code-right:nth-of-type(3) {`
`288`		`- border-right: 1px solid #fe7300 !important;`
	`286`	`+ &.d-code-left:nth-of-type(2) > .d2h-code-side-line,`
	`287`	`+ &.d-code-right:nth-of-type(4) > .d2h-code-side-line {`
	`288`	`+ border-left: 2px solid #fe7300;`
`289`	`289`	`}`
`290`	`290`	`}`
`291`	`291`	`}`