From aa31dc22c1a4e8c9d8ea48f0cdf274e805233165 Mon Sep 17 00:00:00 2001
From: alstjr7375 <alstjr7375@daum.net>
Date: Thu, 2 Sep 2021 11:18:46 +0900
Subject: [PATCH] Fix: Bookmark Menu - padding inline at linux #136

- [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;
}
---
 userChrome.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/userChrome.css b/userChrome.css
index ac50176..476e7e1 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -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 {