Browse Source

Hide bookmark bar labels

main
Ashton Charbonneau 1 year ago
parent
commit
4627efa5a9
1 changed files with 36 additions and 12 deletions
  1. 36
    12
      chrome/userChrome.css

+ 36
- 12
chrome/userChrome.css View File

1
 /* Remove fullscreen transition animation */
1
 /* Remove fullscreen transition animation */
2
 #navigator-toolbox[fullscreenShouldAnimate] { transition: none !important; }
2
 #navigator-toolbox[fullscreenShouldAnimate] { transition: none !important; }
3
 
3
 
4
-/* Set favorites icon color to default */
5
-#urlbar #page-action-buttons #star-button[starred] { fill: currentColor !important; }
6
-
7
 /* Enable page action button */
4
 /* Enable page action button */
8
 #urlbar #page-action-buttons #pageActionButton { visibility: unset !important; }
5
 #urlbar #page-action-buttons #pageActionButton { visibility: unset !important; }
9
 
6
 
10
-/* Hide reader view button when not active */
11
-#urlbar #page-action-buttons #reader-mode-button:not([readeractive="true"]) { display: none; }
7
+/* Set favorites icon color to default */
8
+#urlbar #page-action-buttons #star-button[starred] { fill: currentColor !important; }
12
 
9
 
13
 /* Set reader view button color to default */
10
 /* Set reader view button color to default */
14
 #urlbar #page-action-buttons #reader-mode-button[readeractive] > .urlbar-icon { fill: currentColor !important; }
11
 #urlbar #page-action-buttons #reader-mode-button[readeractive] > .urlbar-icon { fill: currentColor !important; }
15
 
12
 
13
+/* Set multifoxContainer button color to default */
14
+#urlbar #page-action-buttons #userContext-label[value="Default"] + #userContext-indicator,
15
+#mainPopupSet menuitem.identity-icon-fingerprint[label="Default"] .menu-iconic-icon { fill: currentColor; }
16
+
17
+/* Set User Scripts icon to grayscale */
18
+#appMenu-popup #appMenu-multiView #appMenu-userChromeJS-button .toolbarbutton-icon { filter: contrast(10) grayscale(1) invert(); }
19
+
20
+/* Hide reader view button when not active */
21
+#urlbar #page-action-buttons #reader-mode-button:not([readeractive="true"]) { display: none; }
22
+
16
 /* Hide Hover Zoom+ button */
23
 /* Hide Hover Zoom+ button */
17
 #urlbar #page-action-buttons #pageAction-urlbar-_92e6fe1c-6e1d-44e1-8bc6-d309e59406af_ { display: none; }
24
 #urlbar #page-action-buttons #pageAction-urlbar-_92e6fe1c-6e1d-44e1-8bc6-d309e59406af_ { display: none; }
18
 
25
 
25
 /* Hide default multifoxContainer label */
32
 /* Hide default multifoxContainer label */
26
 #urlbar #page-action-buttons #userContext-label[value="Default"] { display: none; }
33
 #urlbar #page-action-buttons #userContext-label[value="Default"] { display: none; }
27
 
34
 
28
-/* Set multifoxContainer button color to default */
29
-#urlbar #page-action-buttons #userContext-label[value="Default"] + #userContext-indicator,
30
-#mainPopupSet menuitem.identity-icon-fingerprint[label="Default"] .menu-iconic-icon { fill: currentColor; }
31
-
32
 /* Shrink bookmark separators */
35
 /* Shrink bookmark separators */
33
 #PlacesToolbarItems > toolbarseparator::before {
36
 #PlacesToolbarItems > toolbarseparator::before {
34
-	filter: opacity(0.3);
37
+	filter: opacity(0.3) !important;
35
 	height: 80%;
38
 	height: 80%;
36
 	margin: auto;
39
 	margin: auto;
37
 }
40
 }
38
 
41
 
39
-/* Set User Scripts icon to grayscale */
40
-#appMenu-popup #appMenu-multiView #appMenu-userChromeJS-button .toolbarbutton-icon { filter: contrast(10) grayscale(1) invert(); }
42
+/* Remove bookmark bar text (and extra gap) */
43
+#personal-bookmarks .bookmark-item > .toolbarbutton-text {
44
+	max-width: 0;
45
+}
46
+
47
+#personal-bookmarks .bookmark-item > .toolbarbutton-icon:not([label=""], [type="menu"]) {
48
+	margin-inline-end: revert !important;
49
+}
50
+
51
+/* Animate bookmark bar text on hover/focus */
52
+#personal-bookmarks .bookmark-item:is(:hover, :focus, :active) > .toolbarbutton-text {
53
+	max-width: inherit;
54
+	transition: max-width 0.5s ease-out;
55
+}
56
+
57
+#personal-bookmarks .bookmark-item:is(:hover, :focus, :active) > .toolbarbutton-icon:not([label=""], [type="menu"]) {
58
+	margin-inline-end: inherit !important;
59
+}
60
+
61
+/* Always show bookbar bar text for folders */
62
+#personal-bookmarks .bookmark-item > .toolbarbutton-icon[type="menu"] + .toolbarbutton-text {
63
+	max-width: none;
64
+}

Loading…
Cancel
Save