diskort/src/mobile.less

59 lines
1.5 KiB
Plaintext

/** DisKort
* (c) Er2 2022 <er2@dismail.de>
* Zlib License
*/
// TODO: comment this
@media screen and (max-device-width: 800px) {
/* FIXME: add close buttons to emoji panel */
[class^="channel-"] { max-width: unset; margin: 0 8px; }
[class^="layer-"] { padding: 0; margin: auto; }
[class^="layer-"] > [class^="container-"],
[class^="standardSidebarView-"] { overflow-x: scroll; }
[class^="content-"] [class^="sidebar"] { width: calc(50% - 8px - 72px); }
[class^="chat-"] { width: 100%; }
[class^="tools"] { position: unset !important; }
[class*="positionLayer-"],
[class*="fullscreenOnMobile"] {
overflow: auto;
width: 100%; min-width: 100%;
}
[class^="positionLayer-"] {
position: absolute;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
}
[class*="fullscreenOnMobile"] [class^="body"] {
width: 100%; height: 100%;
}
[class^="side-"] > [class^="item-"] {
margin-top: 4px !important;
padding: 6px 10px !important;
}
[class^="side-"] > [class^="item-"],
:not([class*="pill"]):not([class*="Pill"]) > [class*="item-"],
:not([class*="pill"]):not([class*="Pill"]) > [role="tab"],
[class^="member-"],
#channels li,
div[class^="tabBarItem-"] {
margin-top: 8px;
padding: 0 12px;
font-size: 11pt;
}
[class^="base-"],
[class^="contentRegion-"],
div[class^="sidebarRegion-"], // all in settings
{
width: 200%;
min-width: 200%;
}
}