Skip to content

Misskey はなみすきー TLを横に伸ばす by yyya_nico

Screenshot of Misskey はなみすきー TLを横に伸ばす

Details

Authoryyya_nico

LicenseCC-BY-4.0

Categorymisskey

Created

Updated

Code size2.3 kB

Code checksuma2c404

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

クラシックUIでTLのエリア(枠の当たり)を右クリック、フルビューにして使用します。
はなみすきー(misskey.flowers)で動作確認をしています。

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           はなみすきー TLを横に伸ばす
@namespace      userstyles.world/user/yyya_nico
@version        1.0.1
@description   クラシックUIでTLのエリア(枠の当たり)を右クリック、フルビューにして使用します。
@author         yyya_nico
@license        CC-BY-4.0
==/UserStyle== */

@-moz-document url-prefix("https://misskey.flowers/") {
    html:has(.fullView) {
        overflow-x: scroll;
        overflow-y: visible!important;
    }
    .gbhvwtnk[data-v-6b564b37]:has(.fullView) {
        min-height: auto;
    }
    .gbhvwtnk>.columns.fullView {
        background: pink;
        >.main[data-v-6b564b37] {
            border: 0;
            overflow: visible;
        }
        .xpACr {
            height: calc(100vh - 12px);
        }
        .x5oMj {
            display: none;
        }
        .xDM92 {
            padding: 0!important;
        }
        .xvu6Q {
            margin: 0;
            max-width: none;
        }
        .xt54V {
            overflow: visible;
        }
        .xmiK1 {
            transform: none;
        }
        .xjptQ {
            border-radius: 0;
            overflow: visible;
        }
        ._margin {
            margin: 0;
        }
        .xzSZs.xwehs>.xqbRq {
            background: transparent;
        }
        .xfKPa {
            display: flex;
            align-content: flex-start;
            flex-direction: column;
            flex-wrap: wrap;
            column-gap: 20px;
            height: calc(100vh - 12px);
        }
        .xcSej {
            overflow-y: auto;
            width: 480px;
            max-height: 100%;
            background: var(--panel);
        }
        .x5yeR {
            padding: 0;
        }
        .xBwhh {
            padding: 0;
        }
        .xrEoV {
            position: relative!important;
            top: var(--stickyTop, 0px);
        }
        .xraw1 {
            border-radius: 0;
        }
        .x48yH {
            max-height: 90vh;
            overflow-y: auto;
        }
        .xhAPG {
            margin-bottom: 0;
        }
        .xjptQ :last-child > .xbaFh.x2hCn {
            position: fixed;
            right: 10px;
            bottom: 10px;
        }
    }
}

Reviews

No reviews yet.