简书图片dialog层显示图片居中

解决简书大屏显示时，查看图片，显示在了右下角的问题.

Wrap lines

// ==UserScript==
// @name         简书图片dialog层显示图片居中
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  解决简书大屏显示时，查看图片，显示在了右下角的问题.
// @author       xumi
// @match        https://www.jianshu.com/p/*
// @icon         https://www.google.com/s2/favicons?domain=jianshu.com
// @grant        none
// @license      GPL License
// ==/UserScript==
 
(function() {
    'use strict';
 
    var css = `
      div[role="dialog"]{
		display: -webkit-box;
		-webkit-box-align: center;
		-webkit-box-pack: center;
		display: -moz-box;
		-moz-box-align: center;
		-moz-box-pack: center;
		display: -o-box;
		-o-box-align: center;
		-o-box-pack: center;
		display: -ms-box;
		-ms-box-align: center;
		-ms-box-pack: center;
		display: box;
		box-align: center;
		box-pack: center;
		-webkit-overflow-scrolling: touch;
	}
	div[role="dialog"]>img{
		transform: none !important;
	}
    `;
    var node = document.createElement("style");
	node.type = "text/css";
	node.appendChild(document.createTextNode(css));
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		heads[0].appendChild(node);
	} else {
		// no head yet, stick it whereever
		document.documentElement.appendChild(node);
	}
})();

欢迎访问Greasy Fork镜像