Fix sidebar cursor (#188)

* Update tokens * Add cursor pointer
ClickHouse · Oct 27, 2023 · 89dfc16 · 89dfc16 · vercel · Oct 27, 2023
1 parent 87714f5
commit 89dfc16
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 5 deletions.
diff --git a/src/components/SidebarNavigationItem/SidebarNavigationItem.tsx b/src/components/SidebarNavigationItem/SidebarNavigationItem.tsx
@@ -48,6 +48,7 @@ export const SidebarItemWrapper = styled.div<{
   white-space: nowrap;
   overflow: hidden;
   flex-wrap: nowrap;
+  cursor: pointer;
   ${({ theme, $collapsible = false, $level, $type }) => {
     const itemType = $level === 0 ? "item" : "subItem";
     return `

diff --git a/src/components/SidebarNavigationTitle/SidebarNavigationTitle.tsx b/src/components/SidebarNavigationTitle/SidebarNavigationTitle.tsx
@@ -48,6 +48,7 @@ export const SidebarTitleWrapper = styled.button<{
   width: stretch;
   white-space: nowrap;
   overflow: hidden;
+  cursor: pointer;
   ${({ theme, $collapsible = false, $type }) => `
     padding: 0;
     padding-left: ${$collapsible ? 0 : theme.click.image.sm.size.width};

diff --git a/src/styles/types.ts b/src/styles/types.ts
@@ -2222,7 +2222,8 @@
     "color": {
       "background": {
         "default": string,
-        "muted": string
+        "muted": string,
+        "sidebar": string
       },
       "text": {
         "default": string,

diff --git a/src/styles/variables.classic.json b/src/styles/variables.classic.json
@@ -566,7 +566,8 @@
     "color": {
       "background": {
         "default": "#ffffff",
-        "muted": "#f6f7fa"
+        "muted": "#f6f7fa",
+        "sidebar": "#2f2c3a"
       },
       "text": {
         "default": "#161517",

diff --git a/src/styles/variables.dark.json b/src/styles/variables.dark.json
@@ -1162,7 +1162,8 @@
     "color": {
       "background": {
         "default": "#1F1F1C",
-        "muted": "#282828"
+        "muted": "#282828",
+        "sidebar": "#1F1F1C"
       },
       "text": {
         "default": "#ffffff",

diff --git a/src/styles/variables.json b/src/styles/variables.json
@@ -2221,7 +2221,8 @@
     "color": {
       "background": {
         "default": "#ffffff",
-        "muted": "#f6f7fa"
+        "muted": "#f6f7fa",
+        "sidebar": "#ffffff"
       },
       "text": {
         "default": "#161517",

diff --git a/src/styles/variables.light.json b/src/styles/variables.light.json
@@ -1155,7 +1155,8 @@
     "color": {
       "background": {
         "default": "#ffffff",
-        "muted": "#f6f7fa"
+        "muted": "#f6f7fa",
+        "sidebar": "#ffffff"
       },
       "text": {
         "default": "#161517",