Skip to content

Improved Outlook for narrow width by menndouyukkuri

Details

Authormenndouyukkuri

LicenseCC0

Categoryoutlook.live.com, outlook.office.com

Created

Updated

Size2.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

EN:
This makes improvements such as hiding the Outlook sidebar when the width is narrow.

JA:
幅が狭い場合にOutlookのサイドバーを非表示にするなどの改善が行われます。

Notes

JA NAME:
幅が狭い時のOutlookを改善

Source code

/* ==UserStyle==
@name           Improved Outlook for narrow width / 幅が狭い時のOutlookを改善
@namespace      github.com/openstyles/stylus
@version        1.0.6
@description    This makes improvements such as hiding the Outlook sidebar when the width is narrow. / 幅が狭い場合にOutlookのサイドバーを非表示にするなどの改善が行われます。
@author         menndouyukkuri
==/UserStyle== */

@-moz-document domain("outlook.office.com"), domain("outlook.office365.com"), domain("outlook.live.com") {
    body {
        min-width: 300px !important;
    }
    .ms-Panel._ybNL .ms-Panel-main {
        top: 84px;
        border-radius: 0 4px 0 0;
    }
    .xUQ79 {
        border-radius: 6px;
    }
    .xUQ79 > .kxkSv {
        margin-right: 17px;
    }
    #LeftRail button:hover {
        background-color: var(--colorNeutralBackground4Selected);
    }
    @media (max-width: 599px) {
        #innerRibbonContainer button[data-unique-id="Ribbon-588"] span.ms-Button-textContainer {
            display: none;
        }
    }
    @media (max-width: 499px) {
        #LeftRail {
            position: fixed;
            height: 100vh;
            transform: translateX(-50px);
            transition: 300ms;
            z-index: 1000;
        }
        #LeftRail:before {
            content: "";
            display: block;
            position: fixed;
            left: 100%;
            width: 12px;
            height: 100vh;
            background-color: transparent;
        }
        #LeftRail:hover {
            transform: translateX(0);
            transition: 300ms;
        }
        #LeftRail:hover:before {
            width: 40px;
        }
        .ms-Panel._ybNL {
            left: 0;
        }
        .ms-Panel._ybNL::before {
            display: none;
        }
    }
    div.GssDD {
        display: none;
    }
}

@-moz-document domain("outlook.office.com"), domain("outlook.office365.com") {
    @media (max-width: 499px) {
        #LeftRail {
            background-color: var(--neutralSecondarySurface);
        }
    }
}

Reviews

No reviews yet.