BI-52027 fix: 横纵滚动条交界处不需要颜色

5 years ago · edb05cfc6d
4 changed files with 15 additions and 0 deletions
--- a/public/css/app.css
+++ b/public/css/app.css
@ -61,6 +61,10 @@ textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(35, 46, 64, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d232e40,endColorstr=#4d232e40);
 }
+div::-webkit-scrollbar-corner,
+textarea::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
  -webkit-appearance: none;
--- a/src/css/resource/app.css
+++ b/src/css/resource/app.css
@ -61,6 +61,10 @@ textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(35, 46, 64, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d232e40,endColorstr=#4d232e40);
 }
+div::-webkit-scrollbar-corner,
+textarea::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
  -webkit-appearance: none;
--- a/src/less/resource/app.less
+++ b/src/less/resource/app.less
@ -48,6 +48,9 @@ div, textarea {
      .background-color(@scroll-color, 30%);
    }
  }
+  &::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
 }

 .bi-theme-dark {
--- a/ui/css/app.css
+++ b/ui/css/app.css
@ -61,6 +61,10 @@ textarea::-webkit-scrollbar-thumb:hover {
  background-color: rgba(35, 46, 64, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d232e40,endColorstr=#4d232e40);
 }
+div::-webkit-scrollbar-corner,
+textarea::-webkit-scrollbar-corner {
+  background-color: transparent;
+}
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
  -webkit-appearance: none;