EN:
This makes improvements such as hiding the Outlook sidebar when the width is narrow.
JA:
幅が狭い場合にOutlookのサイドバーを非表示にするなどの改善が行われます。
Authormenndouyukkuri
LicenseCC0
Categoryoutlook.live.com, outlook.office.com
Created
Updated
Size2.2 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
EN:
This makes improvements such as hiding the Outlook sidebar when the width is narrow.
JA:
幅が狭い場合にOutlookのサイドバーを非表示にするなどの改善が行われます。
JA NAME:
幅が狭い時のOutlookを改善
/* ==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);
}
}
}