فهرست منبع

fix: style change again

Peng Xiao 3 سال پیش
والد
کامیت
6c2f31195f
2فایلهای تغییر یافته به همراه10 افزوده شده و 6 حذف شده
  1. 1 1
      tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx
  2. 9 5
      tldraw/apps/tldraw-logseq/src/styles.css

+ 1 - 1
tldraw/apps/tldraw-logseq/src/lib/shapes/LogseqPortalShape.tsx

@@ -147,8 +147,8 @@ const CircleButton = ({
   return (
     <div data-active={active} style={style} className="tl-circle-button" onMouseDown={onClick}>
       <div className="tl-circle-button-icons-wrapper" data-icons-count={otherIcon ? 2 : 1}>
-        <TablerIcon name={icon} />
         {otherIcon && <TablerIcon name={otherIcon} />}
+        <TablerIcon name={icon} />
       </div>
     </div>
   )

+ 9 - 5
tldraw/apps/tldraw-logseq/src/styles.css

@@ -510,11 +510,15 @@ button.tl-select-input-trigger {
   border: 2px solid var(--ls-secondary-background-color);
   top: 2px;
 
+  .tie {
+    transform: translateY(-100%); 
+  }
+
   &[data-active='false']:hover {
     .tie {
-      transform: translateY(-100%);
+      transform: translateY(0);
 
-      &:last-of-type {
+      &:first-of-type {
         opacity: 0.6;
       }
     }
@@ -526,9 +530,9 @@ button.tl-select-input-trigger {
     border: 2px solid var(--ls-active-primary-color);
 
     .tie {
-      transform: translateY(-100%);
+      transform: translateY(0);
 
-      &:first-of-type {
+      &:last-of-type {
         opacity: 0.6;
       }
     }
@@ -538,7 +542,7 @@ button.tl-select-input-trigger {
       background-color: var(--ls-secondary-background-color);
 
       .tie {
-        transform: translateY(0);
+        transform: translateY(-100%);
       }
     }
   }