Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

书签工具栏上多了一块空白 #46

Open
PumpkinJui opened this issue May 11, 2024 · 5 comments
Open

书签工具栏上多了一块空白 #46

PumpkinJui opened this issue May 11, 2024 · 5 comments

Comments

@PumpkinJui
Copy link

PumpkinJui commented May 11, 2024

screenshot

如截图所示,在书签工具栏左侧有一块空白。鼠标位于其上时侧栏会自动展开,且无法点击书签工具栏。当且仅当设定为「只在新标签页显示」时会出现此问题。
使用 Firefox 125.0.3 和这个主题
(我知道 Sidebery 有书签的功能,但有点麻烦,我并不太想用。)
(If an issue written in Chinese causes any inconvenience, please inform me and I'll use English instead.)

@Arthur-Huan
Copy link
Contributor

If you move the sidebar to the right side, I found that removing z-index: 100 under #sidebar-box seems to solve this.

If the sidebar is on the left, removing that will make the sidebar go under the webpage, and thus it won't work.

@triccsr
Copy link

triccsr commented Jun 11, 2024

I also have the same problem, and I am using default theme.

A temporary solution from ChatGPT is replacing the 10 lines after /*AUTO HIDE SIDE BAR*/ to:

#sidebar-box {
  --uc-sidebar-width: 44px; 
  --uc-sidebar-hover-width: 260px;
  --uc-autohide-sidebar-delay: 1ms; /* Waiting time before hiding sidebar */
  position: relative;
  min-width: var(--uc-sidebar-width) !important;
  width: var(--uc-sidebar-width) !important;
  max-width: var(--uc-sidebar-width) !important;
  z-index: 0;
  transition: z-index 0s linear 1ms; /* Ensure z-index changes with a delay */
}

#sidebar-box:hover {
  z-index: 100;
  transition-delay: 0s; /* Remove the delay when hovering */
}

It is OK when mouse is not hovering on sidebar.

@hartontw
Copy link

I've managed to get it working with:

#browser {
    z-index: 0 !important;
}

#sidebar-box {
	--uc-sidebar-width: 44px; 
	--uc-sidebar-hover-width: 450px;
	--uc-autohide-sidebar-delay: 1ms; /* Waiting time before hiding sidebar */
	position: relative;
	min-width: var(--uc-sidebar-width) !important;
	width: var(--uc-sidebar-width) !important;
	max-width: var(--uc-sidebar-width) !important;
	z-index: 1;
}

I'm not sure if this is going to trigger some undesired behaviour I'll report it if this happens.

自动翻译,抱歉:
我已设法使用此代码使其工作。
我不确定这是否会引发一些不良行为,如果发生这种情况,我会报告。

@digitalbarrito
Copy link

I've managed to get it working with:

#browser {
    z-index: 0 !important;
}

#sidebar-box {
	--uc-sidebar-width: 44px; 
	--uc-sidebar-hover-width: 450px;
	--uc-autohide-sidebar-delay: 1ms; /* Waiting time before hiding sidebar */
	position: relative;
	min-width: var(--uc-sidebar-width) !important;
	width: var(--uc-sidebar-width) !important;
	max-width: var(--uc-sidebar-width) !important;
	z-index: 1;
}

I'm not sure if this is going to trigger some undesired behaviour I'll report it if this happens.

自动翻译,抱歉: 我已设法使用此代码使其工作。 我不确定这是否会引发一些不良行为,如果发生这种情况,我会报告。

This seems to have done the trick for me as well, not seeing any undesired behavior so far as well.

@stupienius
Copy link

stupienius commented Aug 23, 2024

This works on my windows11

#navigator-toolbox {
   z-index:2 !important;
}

#sidebar-box {
   --uc-sidebar-width: 44px; 
   --uc-sidebar-hover-width: 260px;
   --uc-autohide-sidebar-delay: 1ms; /* Waiting time before hiding sidebar */
   position: relative;
   min-width: var(--uc-sidebar-width) !important;
   width: var(--uc-sidebar-width) !important;
   max-width: var(--uc-sidebar-width) !important;
   z-index:1;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants