Skip to content

Instantly share code, notes, and snippets.

@k98kurz
Last active December 19, 2015 22:19
Show Gist options
  • Save k98kurz/6026739 to your computer and use it in GitHub Desktop.
Save k98kurz/6026739 to your computer and use it in GitHub Desktop.
Basically, this takes the annoying graph search bar and fixes it: it takes up less space on the top of the screen, moves the notifications back to the left side of the page (where they belong), and nudges upward the drop-down thing on profile pages. Pretty self-explanatory.
// ==UserScript==
// @name Facebook fix
// @namespace https://gist.github.com/k98kurz
// @updateURL https://gist.githubusercontent.com/k98kurz/6026739/raw
// @version 1.2.1
// @description blah
// @match https://*.facebook.com/*
// @copyright 2014+, k98kurz
// ==/UserScript==
document.addEventListener("DOMContentLoaded", function () {
var sheet = document.createElement("style");
// heavy lifting
sheet.innerHTML = "#blueBarNAXAnchor {height:37px!important;margin-top:-5px;} #timeline_sticky_header .fbTimelineStickyHeader {top:33px!important;}" +
//"body.home #u_0_p {margin-left:138px!important;} #u_0_o {margin-left:131px!important;}"+
"._5lus{display:none;}"+//removes facebook logo button
"div[role=search] {left:145px!important;} body.timelineLayout div[role=search] {left:155px!important;}"+
"body.timelineLayout #u_0_p{margin-left:0px!important;}" +
// notifications, etc
"li._nji {position:relative!important;left:-755px!important;}" +
"ul[role=navigation]:not([class=fbTimelineScrubber])>li:first-child, ul[role=navigation]:not([class=fbTimelineScrubber])>li:nth-child(2) {position:relative;left:100px;}"+
"#fbNotificationsFlyout {left:-120px!important;} div.beeperNubWrapper .beeperNub {left:125px!important;} #fbMessagesFlyout, #u_0_2.__tw.uiToggleFlyout {left: -88px!important;}" +
"#fbMessagesFlyout .beeperNub, #u_0_2.__tw.uiToggleFlyout .beeperNub {left:94px!important;} #fbRequestsFlyout {left:-58px!important;} #fbRequestsFlyout .beeperNub {left:59px!important;}" +
"body.timelineLayout div[class=\"rfloat _ohf\"] {position:relative;left:-10px;}" +
// minor styling
"ul[role=navigation] ._5ah-, ul[role=navigation] a[title=Timeline]>img, ul[role=navigation] a[title=Timeline]::after, li._56lq {display:none!important;}" +
"ul[role=navigation].clearfix li a {text-shadow:none!important;color:#23355B!important;}ul[role=navigation].clearfix li a:hover {color:#333333!important;}" +
"ul[role=navigation].clearfix li:hover>a {background:none!important;}";
sheet.className="testclasssheetshit";
document.body.appendChild(sheet);
});
@toadkicker
Copy link

The post request is interesting too: http://i.imgur.com/mE8CVyp.png

@k98kurz
Copy link
Author

k98kurz commented Jul 23, 2014

I think it is strange that you tried using the developer console rather than using TamperMonkey, which is the userscript system for which this is written o.O
I worked perfectly well until just today--I guess Facebook changed their styling again. I'll figure out a fix and update this gist.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment