浏览代码

style: 使用伪元素替代单元格内阴影 fix #10867 (#13435)

* :art: style: 使用轮廓线和轮廓偏移替代内阴影 fix https://github.com/siyuan-note/siyuan/issues/10867

* :art: style: 使用轮廓线和轮廓偏移替代内阴影 fix https://github.com/siyuan-note/siyuan/issues/10867

* Revert ":art: style: 使用轮廓线和轮廓偏移替代内阴影 fix https://github.com/siyuan-note/siyuan/issues/10867"

This reverts commit d62e293926fd95b0aef8032037635e8d3b1d581a.

* style: 使用伪元素替代单元格内阴影 fix https://github.com/siyuan-note/siyuan/issues/10867
Jeffrey Chen 7 月之前
父节点
当前提交
dc11f2d7cc
共有 1 个文件被更改,包括 12 次插入2 次删除
  1. 12 2
      app/src/assets/scss/business/_av.scss

+ 12 - 2
app/src/assets/scss/business/_av.scss

@@ -314,8 +314,18 @@
 
     &--select {
       background-color: var(--b3-theme-primary-lightest);
-      box-shadow: 2px 2px 0 var(--b3-theme-primary-lighter) inset, -2px -2px 0 var(--b3-theme-primary-lighter) inset;
-      border-radius: var(--b3-border-radius);
+
+      &::after {
+        content: '';
+        position: absolute;
+        top: 2px;
+        left: 2px;
+        right: 2px;
+        bottom: 2px;
+        border-radius: 3px;
+        box-shadow: 0 0 0 2px var(--b3-theme-primary-lighter);
+        pointer-events: none;
+      }
     }
 
     &--active {