Moco

This is your new file, start writing code

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name        Moco
// @description This is your new file, start writing code
// @match       *://*.mocoapp.com/*
// @grant        GM_addStyle
// @version        1.0.2
// @namespace https://greasyfork.org/users/1402164
// ==/UserScript==

(function(){
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = `body {
    padding-bottom: 100px;
}
.master-navigation .row .col-xs-8 {
    width: auto;
}

.container__app-header {
    background:transparent;
    margin:0;
}
.header-options {
    width: auto;
    position: absolute;
    right: 0;
}
.app-header {
    background:transparent;
}
.app-header > .row > .col-xs-4:first-child {
    display: none;
}
.app-header > .row > .col-xs-8 {
    position: fixed;
    bottom: 0;
    background-color: #fff7;
    backdrop-filter: blur(5px);
    width: 100%;
    left: 0;
    padding: 10px;
    z-index: 200;
}



#intercom-frame,
.intercom-lightweight-app {
    display: none !important;
}

.container {
    width: 100% !important;
    padding: 0 15px;
}

@media (max-width:600px) {
    .container--application .grid {
        display:block;
    }
    .sidebar {
        margin-top: -46px;
        padding-top: 0;
    }
    .sidebar .nav-list {
        margin: 0;
    }
    .grid .col-span-13 > div > div .section {
        margin: 0 -15px;
    }
    .grid .col-span-13 > div > div .section > .section-content{
        padding: 30px 10px !important;
    }
    .master-navigation .row .col-xs-8 > .flex {
        flex-wrap: wrap;
        gap: 0 1rem;
        font-size: 0.7rem;
    }
}
`;

document.getElementsByTagName('head')[0].appendChild(style);
})();