蓝湖-交互优化

优化愚蠢的交互方式和样式，让操作更便捷更人性！
换行
// ==UserScript==
// @name         蓝湖-交互优化
// @namespace    http://fulicat.com
// @version      1.0.7
// @description  优化愚蠢的交互方式和样式，让操作更便捷更人性！
// @homepage     https://gf.qytechs.cn/zh-CN/scripts/446560
// @author       Jack.Chan
// @license MIT
// @url          https://gf.qytechs.cn/zh-CN/scripts/446560-%E8%93%9D%E6%B9%96-%E4%BA%A4%E4%BA%92%E4%BC%98%E5%8C%96
// @match        https://lanhuapp.com/*
// @icon         https://lhcdn.lanhuapp.com/web/static/favicon.ico
// @grant        none
// ==/UserScript==


(function() {
    'use strict';
var common_cssRules = `
html ::-webkit-scrollbar{
    width: 17px !important;
    height: 17px !important;
}
`;

var board_cssRules = `
html ::-webkit-scrollbar{
    width: 17px !important;
    height: 17px !important;
}

/* .notice_box */
.notice_box li .member-user{
    float: none !important;
    margin-left: 53px !important;
    width: auto !important;
}


/* list */
.top-nav-tabs-link{
    height: 50px !important;
}
.top-nav-tabs-link .tabs .tabs-link{
    padding: 15px !important;
}
.top-nav-tabs-link .header-nav{
    margin-top: -10px !important;
}

.recently-dnd-list{
    margin-top: 15px !important;
    padding-top: 30px !important;
}
.recently-dnd-list .project:hover .project_item:after{
    box-shadow: 0px 0 10px 3px rgb(33 39 65 / 15%) !important;
}
.partic-item .project_list .lan-dnd-list .lan-dnd-item.outDrop,
.rencently-use .project_list .lan-dnd-list .lan-dnd-item.outDrop,
.rencently-update .project_list .lan-dnd-list .lan-dnd-item.outDrop{
    height: 80px !important;
}

#item_box .partic-item .itemContentWidth .group-content .dropContent,
#item_box .partic-item .itemContentWidth .group-content .dropContent.itemShadow,
#item_box .rencently-use .itemContentWidth .group-content .dropContent,
#item_box .rencently-use .itemContentWidth .group-content .dropContent.itemShadow,
#item_box .rencently-update .itemContentWidth .group-content .dropContent,
#item_box .rencently-update .itemContentWidth .group-content .dropContent.itemShadow{
    height: auto !important;
}

.partic-item .project .project_item .project_setting,
.rencently-use .project .project_item .project_setting,
.rencently-update .project .project_item .project_setting{
    height: auto !important;
}

.partic-item .project .detail .projectname,
.rencently-use .project .detail .projectname,
.rencently-update .project .detail .projectname{
    width: 90% !important;
}

.partic-item .project .cover,
.rencently-use .project .cover,
.rencently-update .project .cover{
    height: 60px !important;
}

.partic-item .project .cover>img,
.rencently-use .project .cover>img,
.rencently-update .project .cover>img{
    width: 32px !important;
    height: auto !important;
    opacity: 0.5 !important;
}

.partic-item .lan-scroll-item + .lan-scroll-item,
.rencently-use .lan-scroll-item + .lan-scroll-item,
.rencently-update .lan-scroll-item + .lan-scroll-item{
    margin-top: 25px !important;
}

.partic-item .common-item-group>.title,
.rencently-use .common-item-group>.title,
.rencently-update .common-item-group>.title{
    height: auto !important;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    background-color: #f7fbfd !important;
    border-bottom: 3px solid #2196f3 !important;
    border-radius: 10px 10px 0 0 !important;
    font-size: 16px;
    font-weight: bold;
}
.partic-item .common-item-group>.title:hover,
.rencently-use .common-item-group>.title:hover,
.rencently-update .common-item-group>.title:hover{
    background-color: #eaf8ff !important;
}
.partic-item .common-item-group>.title.close,
.rencently-use .common-item-group>.title.close,
.rencently-update .common-item-group>.title.close{
    background-color: #a4d7ff !important;
    border-bottom: 3px solid #a4d7ff !important;
}




/* stage */
.master-banner-wrap{
    display: none !important;
}

.view-project .project-nav{
background: rgba(255,255,255,0.95) !important;
}

.view-project .project-nav .back-button{
position: fixed;
left: 0;
}

.view-project .project-nav .tabs{
position: absolute !important;
margin-left: 90px !important;
}

.view-project .project-nav .project-info-button{
position: static !important;
}
.view-project .project-nav .project-name-box{
width: 480px !important;
width: 55% !important;
margin-left: 200px;
}
.view-project .project-nav .project-name-box .project-menu-wrapper-box{
width: 90% !important;
cursor: default !important;
}
.view-project .project-nav .project-name-box .project-name{
width: unset !important;
max-width: 100% !important;
}
.view-project .project-nav .project-name-box .arrow-drop-down{
cursor: pointer !important;
}


#stage-container .top-nav .mid-but-bar{
right: 250px !important;
left: auto !important;
}

.canvas-area #canvas-wrap,
#detail_container{
-webkit-user-select: none !important;
user-select: none !important;
background: none !important;
background-color: #333333 !important;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgdmlld0JveD0iMCAwIDY0IDY0Ij4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjMzAzMDMwOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICMyMDIwMjA7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxyZWN0IGlkPSJsdCIgY2xhc3M9ImNscy0xIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz4KICA8cmVjdCBpZD0icmIiIGNsYXNzPSJjbHMtMSIgeD0iMzIiIHk9IjMyIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiLz4KICA8cmVjdCBpZD0ibGIiIGNsYXNzPSJjbHMtMiIgeT0iMzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIvPgogIDxyZWN0IGlkPSJydCIgY2xhc3M9ImNscy0yIiB4PSIzMiIgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIi8+Cjwvc3ZnPgo=) !important;
background-repeat: repeat;
background-attachment: fixed !important;
background-size: 50px 50px !important;
}


.tree-list-section-wrap{
top: 88px !important;
}

.onboarding{
left: auto !important;
right: 0 !important;
width: 15px !important;
}
.onboaring-link{
height: 49px !important;
}
.onboaring-backgr{
position:fixed;
left: 0;
}


`
    var query = new URLSearchParams(location.hash.split('?').pop());


    var $common_style = document.createElement('style');
    $common_style.innerText = common_cssRules;
    document.head.appendChild($common_style);

    if (location.pathname.startsWith('/web')) {
        var $board_style = document.createElement('style');
        $board_style.innerText = board_cssRules;
        document.head.appendChild($board_style);

        // default device
        var pid = query.get('pid');
        if (pid) {
            var KEY_selectDeviceObj = 'selectDeviceObj_'+ pid;
            if (!localStorage.getItem(KEY_selectDeviceObj)) {
                localStorage.setItem(KEY_selectDeviceObj, '{"index":2,"name":"Web","sub":{"text":"@1x","scale":1,"author":"http://fulicat.com"}}');
            }
        }
    }


    // Your code here...
})();
欢迎访问Greasy Fork镜像
