调整css让语雀在更宽的屏幕上展⽰和编辑
在使⽤蚂蚁⾦服的语雀⽂档的过程中，发现⽂档展⽰和编辑时的宽度是不能调整的，所以会在⼀些特殊情况下遇到⼀代呢⼈⿇烦。⽐如在使⽤markdown时，代码段中的内容如果稍微长⼀些就看不到后⾯的代码，稍宽⼀些的表格也会展⽰的很挤。
所以，我针对语雀的css进⾏了⼀些调整，让语雀在编辑和展⽰时可以使⽤更宽的空间，这即使是⼀些字段超多的markdown表格，只要有带鱼屏，也可以展⽰和编辑的很舒服了。这些css的调整，可以通过如下的Tampermonkey脚本来进⾏⾃动的设置：
// ==UserScript==
// @name        Wider Yuque
// @namespace    gist.github/socrateslee/751c6670c59d5b9cdbd8428fab493375
// @version      0.1
// @description  Let yuque a bit wider on browser screen.
// @author      github/socrateslee
// @include      *.yuque/*
// @grant        none
// ==/UserScript==
(function(){
'use strict';
var css =`
.lake-common-sidebar {
left: calc(100% - 214px) !important ;
tampermonkey}
.lake-content-editor {
width: calc(100% - 428px) !important ;
}
`
var style = ateElement('STYLE');
style.ateTextNode(css));
document.head.appendChild(style);
var nav = ElementById("navBox");
var main = ElementById("main");
var content = ElementById("content");
if(nav && main && content){
nav.parentNode.style.width = ComputedStyle(nav.parentNode).minWidth;
nav.parentNode.style.paddingLeft ="0px";
main.style.maxWidth ="100%";
content.parentNode.style.maxWidth ="100%";
content.parentNode.style.width ="100%";
}
})();

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。