[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / r / s / t / u / v / vg / vm / vmg / vr / vrpg / vst / w / wg] [i / ic] [r9k / s4s / vip / qa] [cm / hm / lgbt / y] [3 / aco / adv / an / bant / biz / cgl / ck / co / diy / fa / fit / gd / hc / his / int / jp / lit / mlp / mu / n / news / out / po / pol / pw / qst / sci / soc / sp / tg / toy / trv / tv / vp / vt / wsg / wsr / x / xs] [Settings] [Search] [Mobile] [Home]
Board
Settings Mobile Home
/wsr/ - Worksafe Requests

Name
Options
Comment
Verification
4chan Pass users can bypass this verification. [Learn More] [Login]
File
  • Please read the Rules and FAQ before posting.

08/21/20New boards added: /vrpg/, /vmg/, /vst/ and /vm/
05/04/17New trial board added: /bant/ - International/Random
10/04/16New board for 4chan Pass users: /vip/ - Very Important Posts
[Hide] [Show All]


[Advertise on 4chan]


File: 735467567.jpg (86 KB, 536x460)
86 KB
86 KB JPG
My OP is a cropped picture of the top o my Firefox's 'Bookmarks' pop-out menu. I use it all the time. I'm trying to increase the area/landscape for the actual bookmarks. I'd like to either shrink, or delete entirely, the texts/areas you see. I'd like to:
>shrink/remove the "Search bookmarks" box
>shrink/remove the "Bookmarks Toolbar" text/area
>shrink/remove the "Bookmarks Menu" text/area
If removing can't work but shrinking will, keep in mind I don't want to shrink the size of the actual bookmarks.
I feel the answer(s) lie in the firefox about:config area, but I'm about a 2/10 when it comes to my experience/knowledge/know-how of configuring/changing stuff in there. I defer to you anons, especially the firefox a:c gurus. Please help - my google'ing has turned up nothing much..
>>
Bump
>>
Bump
>>
File: file.png (14 KB, 315x640)
14 KB
14 KB PNG
>>1508742
Best I could do is move the search to the bottom left and make it expand when hovering in the userChrome.css. Also, I made the sidebar title thinner
To remove the Menu and Other rows, you will need to use userChrome.js which I can't be bothered to do :P
>>
>>1509197
To make a userChrome.css you need to follow this: https://www.userchrome.org/how-create-userchrome-css.html (Basically making a folder and adding the .css file in there)
Also, in about:config, toggle toolkit.legacyUserProfileCustomizations.stylesheets to enable it


The userChrome.css to do this is this:

/*slightly thinner sidebar header */
#sidebar-header {
padding-block: 4px !important;
}

/*bookmarks search to the top right and expand on hover*/
#bookmarksPanel #sidebar-search-container {
position: fixed;
bottom: 0;
left: 0;

z-index: 1;
}
#bookmarksPanel #search-box:not(:hover) {
width: 18px !important;
}



[Advertise on 4chan]

Delete Post: [File Only] Style:
[Disable Mobile View / Use Desktop Site]

[Enable Mobile View / Use Mobile Site]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.