// ==UserScript==
// @name         arcalive 미리보기
// @namespace    http://tampermonkey.net/
// @version      0.16
// @description  arcalive 게시글의 이미지를 미리보여줍니다.
// @author       You
// @match        https://arca.live/b/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=arca.live
// @grant        none
// @license      MIT
// @require      https://code.jquery.com/jquery-3.6.0.min.js
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    let z=$('.vrow-preview');

    for (const el of z)
    {
        let img = el.children[0];
        //img.style['width']='100px'; // 혹시나 이미지크기가 이상할경우대비 100px로.
        //console.log(img);

        let a=document.createElement('br');
        let mark=el.parentElement.children[0].children[0].children[1].children[0];
        let dest=el.parentElement.children[0].children[0].children[1].children[1];
        
        dest.append(a,img)
        dest.prepend(mark)
    }
    z.css('display','none'); //원래프리뷰 가리기.
    let articleList = document.querySelector('.article-list');
    let articles=articleList.querySelectorAll('a.vrow.column');
    for(let i=0;i<articles.length;i++)
        articles[i].style='height: auto !important';
}
)();