Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Learn More

Bookmarks Toolbar Popup Menu Padding, Color, and more.

  • Không có trả lời
  • 0 gặp vấn đề này
  • 21 lượt xem
more options

Hi All,

I'm trying to change the appearance of the "Bookmarks Toolbar / Chevron >>" popup menu, which (after version 88) has turned bright white with extra padding between menu items and rounded corners.

I'm a fan of system menus, so I would really like the popup menu to look like the regular bookmarks menu from the top menu bar (see attached image).

I also like the subtle chiseled vertical line separating the favicons and the descriptions, and the 1px gray border around the menu, plus square corners.

I took a guess at some of the variable names, but only the menu's background color has changed.

Maybe someone knows how to change other attributes such as border color, radius, menu-item-height, padding, and add in the 3D vertical column line?

Thank you!

Here is my first attempt at the code...

#PersonalToolbar menupopup {
  /* Text color */
  --menu-color: #000 !important;
  --arrowpanel-color: #000 !important;
  --panel-color: #000 !important;
  /* Background color */
  --menu-background-color:  #f0f0f0 !important;
  --arrowpanel-background: #f0f0f0 !important;
  --panel-background: #f0f0f0 !important;
  /* Border color (if any) */
  --menu-border-color: #606060 !important;  /* not working on boomarks toolbar menu */
  --menu-border: 1px !important;  /* not working on boomarks toolbar menu */
  --menu-border-radius: 0px !important;  /* not working on boomarks toolbar menu */
}
/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/
menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: 0px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ 
  min-height: unset !important; /* v92.0 - for padding below 4px */
}
Hi All, I'm trying to change the appearance of the "Bookmarks Toolbar / Chevron >>" popup menu, which (after version 88) has turned bright white with extra padding between menu items and rounded corners. I'm a fan of system menus, so I would really like the popup menu to look like the regular bookmarks menu from the top menu bar (see attached image). I also like the subtle chiseled vertical line separating the favicons and the descriptions, and the 1px gray border around the menu, plus square corners. I took a guess at some of the variable names, but only the menu's background color has changed. Maybe someone knows how to change other attributes such as border color, radius, menu-item-height, padding, and add in the 3D vertical column line? Thank you! Here is my first attempt at the code... #PersonalToolbar menupopup { /* Text color */ --menu-color: #000 !important; --arrowpanel-color: #000 !important; --panel-color: #000 !important; /* Background color */ --menu-background-color: #f0f0f0 !important; --arrowpanel-background: #f0f0f0 !important; --panel-background: #f0f0f0 !important; /* Border color (if any) */ --menu-border-color: #606060 !important; /* not working on boomarks toolbar menu */ --menu-border: 1px !important; /* not working on boomarks toolbar menu */ --menu-border-radius: 0px !important; /* not working on boomarks toolbar menu */ } /*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/ menupopup:not(.in-menulist) > menuitem, menupopup:not(.in-menulist) > menu { padding-block: 0px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ min-height: unset !important; /* v92.0 - for padding below 4px */ }
Đính kèm ảnh chụp màn hình

Được chỉnh sửa bởi Slouch vào

Bạn phải đăng nhập vào tài khoản của bạn để trả lời bài viết. Vui lòng bắt đầu một câu hỏi mới, nếu bạn chưa có tài khoản.