web.telegram.org - Jun 2024 by KRAkillrapeanal

/* ==UserStyle==
@name           web.telegram.org - Jun 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("web.telegram.org") {
    /* Insert code here... */
}@-moz-document url-prefix("https://web.telegram.org/a/") {
    .topics-slider .chatlist {
        display: grid;
        grid-template-columns: repeat(auto-fill, 75px);
        gap: 3px; /* アイテム間の間隔を設定 */
        padding: 5px; /* コンテナの内側の余白を設定 */
    }
    .topics-slider .chatlist-chat {
        width: 75px; /* 幅 */
        height: 75px; /* 高さ */
        border: 1px solid #ccc; /* アイテムの枠線を設定 */
        border-radius: 3px; /* アイテムの角を丸くする */
        padding: 2px; /* アイテムの内側の余白を設定 */
    }
    /* スレタイの調整 */
    .topics-slider .peer-title-inner {
        position: absolute !important;
        top: 55%;
        left:2%;
        font-size: 10px !important;
    }
    /* 未読数のフォントサイズ */
    .topics-slider .dialog-subtitle-badge-unread {
        font-size: 8px !important;
    }
    /* トピックアイコン調整 */
    .topics-slider .dialog-title {
        align-items: flex-start;
        position: absolute !important;
        height: 55%;
        width: 100%;
        top: 0px;
        left: 0px;
    }
    .topics-slider .user-title {
        height: 100%;
        align-items: flex-start;
    }
    .topics-slider .dialog-subtitle {
        position: absolute !important;
        top: 60%;
        right: 2%;
    }
    /* 時間 非表示 */
    .topics-slider .message-time {
        display: none !important;        
    }
    /* ミュートアイコン 非表示 */
    .topics-slider .dialog-muted-icon {
        display: none !important;        
    }
    /* 名前 非表示 */
    .topics-slider .primary-text {
        display: none !important;        
    }
    /* 最新のレス文 非表示*/
    .topics-slider .dialog-subtitle-span {
        display: none !important;        
    }
}