Browse Source

fix(ui): accent colors for the wb select

charlie 1 year ago
parent
commit
5d1c14d760
1 changed files with 5 additions and 13 deletions
  1. 5 13
      packages/tldraw/apps/tldraw-logseq/src/styles.css

+ 5 - 13
packages/tldraw/apps/tldraw-logseq/src/styles.css

@@ -163,21 +163,13 @@ html[data-theme='light'] {
 }
 
 .tl-toolbar {
-  @apply relative flex text-sm p-1 rounded-lg;
+  @apply relative flex text-sm p-1 rounded-lg pointer-events-auto items-center
+  shadow gap-1 z-50 whitespace-nowrap top-[-10%];
 
-  pointer-events: all;
-  position: relative;
   background-color: var(--lx-gray-03, var(--ls-secondary-background-color, var(--rx-gray-03)));
-  border-radius: 8px;
-  white-space: nowrap;
-  gap: 8px;
-  align-items: stretch;
-  box-shadow: var(--shadow-medium);
-  z-index: 1000;
 
-  label {
-    font-family: var(--ls-font-family);
-    font-size: 10px;
+  .ui__select-trigger.px-3 {
+    @apply px-1.5 py-0 my-1 text-xs h-[32px];
   }
 }
 
@@ -641,7 +633,7 @@ button.tl-select-input-trigger {
   user-select: none;
 
   &[data-focused='true'] {
-    background-color: var(--ls-menu-hover-color, #f4f5f7);
+    background-color: var(--ls-menu-hover-color, var(--lx-gray-03, var(--rx-gray-03)));
   }
 }