Dreamwidth Formatting Fix

improve the overall UX on the Dreamwidth update/edit page

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Dreamwidth Formatting Fix
// @namespace    http://tampermonkey.net/
// @version      0.2
// @description  improve the overall UX on the Dreamwidth update/edit page
// @author       You
// @match        https://www.dreamwidth.org/update
// @match        https://www.dreamwidth.org/edit*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=dreamwidth.org
// @grant        none
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';
    let a = document.querySelector('[role="navigation"]');
    a.style.cssText = 'position: fixed;top: 0px;'
        + 'width: 100%;'
        + 'margin: 0 0 0 -1rem;'
        + 'padding-left: 1rem;'
        + 'background: linear-gradient(0deg, #bfbfbf, #efefef, #ffffff, #efefef);'
        + 'font-size: .6rem;'
        + 'font-family: sans-serif';
    let b = a.querySelector('p');
    b.style.padding = '.5rem 0 1rem 0';
    b.style.margin = 0;
    b = a.querySelectorAll('p > a');
    b.forEach(c=>{
        c.style.padding = "0 1rem";
        c.style.color = "#00f";
    });
    a = document.querySelector('div[role="main"]');
    a.style.marginTop = "4rem";
    let i = document.querySelector('span.ljuser a img.ContextualPopup');
    i.style.transform = "scale(.6)";
    setTimeout(()=>{
        let a  = document.querySelector('#draft-container');
        console.log(a);
        a.style.transform = "scale(1.2)";
        a.style.transformOrigin = "top left";
        a  = document.querySelector('#options');
        a.style.marginTop = "4rem";
    }, 1000);
})();