Last active
December 19, 2015 22:19
-
-
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// ==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); | |
}); |
The post request is interesting too: http://i.imgur.com/mE8CVyp.png
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
It's funny because it doesn't do anything like that:
http://i.imgur.com/eqthXBh.png