Avatar for Username

Caută ajutor

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Bookmarks Toolbar Popup Menu Padding, Color, and more.

  • Niciun răspuns
  • 0 au această problemă
Slouch
Slouch
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 */ }
Capturi de ecran atașate

Modificat în de Slouch

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.