diff --git a/packages/tree-extension/style/base.css b/packages/tree-extension/style/base.css index 687bc0792..9e1fde58c 100644 --- a/packages/tree-extension/style/base.css +++ b/packages/tree-extension/style/base.css @@ -7,62 +7,8 @@ .jp-FileBrowser-toolbar .jp-Toolbar-item.jp-DropdownMenu, .jp-FileBrowser-toolbar .jp-Toolbar-item.jp-ToolbarButton, .jp-FileBrowser-toolbar .jp-Toolbar-item.jp-CommandToolbarButton { - /* Layout: inline-flex items-center justify-center gap-2 */ - display: inline-flex; - align-items: center; - justify-content: center; - gap: 1.2rem; /* 8px */ - white-space: nowrap; - - /* Typography: text-sm font-medium */ - font-size: 0.875rem; /* 14px */ - font-weight: 500; - line-height: 1.25rem; - - /* Sizing: h-9 px-4 py-2 */ - height: 2.25rem; /* 36px */ - padding: 0.2rem 0.35rem; - box-sizing: border-box; - - /* Appearance: rounded-md border shadow-xs */ - border-radius: 6px; /* rounded-md */ - border: 1px solid #e4e4e7; /* Tailwind zinc-200 */ - background-color: #ffffff; - color: #09090b; /* Tailwind zinc-950 */ - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); - - /* Animation: transition-all */ - transition: all 0.15s ease-in-out; - cursor: pointer; - - /* Your original overrides */ - margin: 1px; -} - -/* Hover State: hover:bg-accent hover:text-accent-foreground */ -.jp-FileBrowser-toolbar .jp-Toolbar-item.jp-CommandToolbarButton:hover { - background-color: #f4f4f5; /* Tailwind zinc-100 */ - color: #18181b; /* Tailwind zinc-900 */ -} - -/* Focus State: focus-visible:ring-ring */ -.jp-FileBrowser-toolbar .jp-Toolbar-item.jp-CommandToolbarButton:focus-visible { - outline: none; - box-shadow: 0 0 0 2px rgba(24, 24, 27, 0.2); /* Ring effect */ - border-color: #18181b; -} - -/* Disabled State: disabled:opacity-50 */ -.jp-FileBrowser-toolbar .jp-Toolbar-item.jp-CommandToolbarButton:disabled { - pointer-events: none; - opacity: 0.5; -} - -/* SVG Icon sizing: [&_svg]:size-4 */ -.jp-FileBrowser-toolbar .jp-Toolbar-item.jp-CommandToolbarButton svg { - width: 16px; - height: 16px; - flex-shrink: 0; + border: solid 1px var(--jp-border-color2); + padding: 0px; } .jp-FileBrowser-toolbar > .jp-Toolbar-item.jp-ToolbarButton:hover, @@ -114,8 +60,3 @@ body[data-format='mobile'] #fileAction-placeholder { display: none; } - -.lm-MenuBar.lm-mod-active .lm-MenuBar-item.lm-mod-active { - border-left: none; - border-right: none; -}