2022-03-24 16:19:00 +00:00
|
|
|
// 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-"] {
|
2022-03-26 17:48:55 +00:00
|
|
|
margin-top: 8px;
|
2022-04-01 18:53:24 +00:00
|
|
|
padding: 8px;
|
2022-03-24 16:19:00 +00:00
|
|
|
font-size: 11pt;
|
|
|
|
}
|
2022-03-26 17:48:55 +00:00
|
|
|
|
|
|
|
[class^="base-"],
|
|
|
|
[class^="contentRegion-"],
|
|
|
|
div[class^="sidebarRegion-"], // all in settings
|
|
|
|
{
|
|
|
|
width: 200%;
|
|
|
|
min-width: 200%;
|
|
|
|
}
|
2022-03-24 16:19:00 +00:00
|
|
|
}
|