diff --git a/packages/nc-gui/assets/nc-icons/record.svg b/packages/nc-gui/assets/nc-icons/record.svg index 7515f62243..d4180461e4 100644 --- a/packages/nc-gui/assets/nc-icons/record.svg +++ b/packages/nc-gui/assets/nc-icons/record.svg @@ -1,12 +1,13 @@ - - - - - - - - - - + + + + + \ No newline at end of file diff --git a/packages/nc-gui/assets/style.scss b/packages/nc-gui/assets/style.scss index 718be11a0b..b00c4bcbaf 100644 --- a/packages/nc-gui/assets/style.scss +++ b/packages/nc-gui/assets/style.scss @@ -720,12 +720,20 @@ input[type='number'] { .nc-sidebar-node-btn:not(.nc-sidebar-expand) { @apply !xs:(hidden); } + + .nc-sidebar-node-btn.nc-sidebar-expand { + @apply !xs:(flex-none border-1 border-gray-200 w-6.5 h-6.5 mr-1); + } } .nc-button.ant-btn.nc-sidebar-node-btn { @apply opacity-0 group-hover:(opacity-100) text-gray-600 hover:(bg-gray-400 bg-opacity-20 text-gray-900) duration-100; } +.nc-button.ant-btn.nc-sidebar-node-btn:not(.nc-sidebar-expand):not(.nc-sidebar-view-node-context-btn) { + @apply hidden group-hover:(inline-block); +} + .nc-button.ant-btn.nc-sidebar-node-btn.nc-sidebar-expand { @apply xs:(opacity-100 hover:bg-gray-50); diff --git a/packages/nc-gui/components/dashboard/Sidebar/Header.vue b/packages/nc-gui/components/dashboard/Sidebar/Header.vue index 3c8be28dc6..c11d24b3dc 100644 --- a/packages/nc-gui/components/dashboard/Sidebar/Header.vue +++ b/packages/nc-gui/components/dashboard/Sidebar/Header.vue @@ -49,7 +49,7 @@ const showSidebarBtn = computed(() => !(isMobileMode.value && !activeViewTitleOr { @@ -658,25 +670,29 @@ const onTableIdCopy = async () => { ghost >