mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-01-02 07:12:56 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Fix: Bookmark Menu - padding inline at linux #136

Browse source 
- [lp]: padding-left
- [rp]: padding-right
- [rm]: margin-right

/** Global Menu Bookmark *****************************************************/
/*= Global Menu
 * menuitem, menu: var(--context-menu-background-padding)[lp]
 */
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item),
menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup)
menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]) {
  padding-inline-start: var(--context-menu-background-padding) !important;
}

/*= Bookmark
 * menu: 0.5em[lp]
 */
menupopup > menu {
  padding-inline-start: 0.5em;
}

/*= Result =====
 * 0.5em => var(--context-menu-background-padding)
 */
menupopup:is(#goPopup, #bookmarksMenuPopup) .bookmark-item {
  padding-inline-start: var(--context-menu-background-padding) !important;
}

/** Popup Menu Bookmark ******************************************************/
/*= General ==================================================================
/* = Arrowpanel
 * .subviewbutton: var(--arrowpanel-menuitem-padding)[lp]
 * .menu-text: 16[icon] + 8px[lp] = 24px
 *
 * Result: var(--arrowpanel-menuitem-padding) + 24px */
.subviewbutton {
  padding: var(--arrowpanel-menuitem-padding);
}

/*= Icon Bookmark
* .subviewbutton: var(--arrowpanel-menuitem-padding)[lp]
* .menu-iconic-left: 16px[icon] + 3px[rp] + 2px[rm] = 21px
* .menu-iconic-text: 8px[lp]
*
* Result: var(--arrowpanel-menuitem-padding) + 29px */
\#BMB_bookmarksPopup .subviewbutton {
  padding: var(--arrowpanel-menuitem-padding);
}
\#BMB_bookmarksPopup hbox.menu-iconic-left {
  padding-inline-end: 3px !important;
  margin-inline-end:  2px !important;
}
\#BMB_bookmarksPopup label.menu-iconic-text {
  padding-inline-start: 8px;
}

/*= Result =====
 * Diff Length: 24 - 29 = -5
 * Reduce Target Length: 8 - 5 = 3
 */
\#BMB_bookmarksPopup label.menu-iconic-text {
  padding-inline-start: 3px !important;
}

/*= None Icon Bookmark  =====================================================
 * .subviewbutton: var(--arrowpanel-menuitem-padding)[lp]
 * .menu-text: 21px[lp]
 *
 * Result:  var(--arrowpanel-menuitem-padding) + 21px */
\#BMB_bookmarksPopup label.menu-text {
margin-inline-start: 21px !important;
  padding-inline-start: 0 !important;
}

/*= Result =====
 * Diff Length: 24 - 21 = 3
 * Increase Target Length: 3
 */
menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]),
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) {
  padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important;
}
This commit is contained in:
alstjr7375 2021-09-02 11:18:46 +09:00
parent 9dc5f31953
commit aa31dc22c1
1 changed files with 23 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
userChrome.css
View file

@ -2192,6 +2192,29 @@
}
}
/*= Bookmark Menu - Layout =================================================*/
/* #goPoup, #bookmarksMenuPopup: looks like global menu
* #BMB_bookmarksPopup: looks like arrow panel
*/
/* Linux */
@media (-moz-gtk-csd-available) {
/* Global Menu */
menupopup:is(#goPopup, #bookmarksMenuPopup) .bookmark-item {
padding-inline-start: var(--context-menu-background-padding) !important;
}
/* Bookmark Popup - Iconic menu */
#BMB_bookmarksPopup .menu-iconic-text {
padding-inline-start: 3px !important;
}
/* Bookmark Popup - None icon menu */
menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]),
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) {
padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important;
}
}
/** Context Menu - Icons ****************************************************/
/*= tabContextMenu =========================================================*/
#context_openANewTab {