add media queries, small fixes
This commit is contained in:
parent
ed16e1ca72
commit
13b788d407
76
btfl.css
76
btfl.css
|
@ -151,7 +151,7 @@ div[class^="sidebar-"],
|
||||||
div[class^="container-"],
|
div[class^="container-"],
|
||||||
div[class^="chat-"]
|
div[class^="chat-"]
|
||||||
{
|
{
|
||||||
border-radius: 16px;
|
border-radius: 16px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
div[class^="sidebar-"]
|
div[class^="sidebar-"]
|
||||||
|
@ -178,8 +178,8 @@ div[class^="menu-"] div
|
||||||
div[class^="messagesWrapper-"]
|
div[class^="messagesWrapper-"]
|
||||||
div[class*="mentioned"]
|
div[class*="mentioned"]
|
||||||
{
|
{
|
||||||
border-top-left-radius: 4px;
|
border-top-left-radius: 4px !important;
|
||||||
border-bottom-left-radius: 4px;
|
border-bottom-left-radius: 4px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* no banners */
|
/* no banners */
|
||||||
|
@ -238,40 +238,46 @@ section div[class^="children-"]
|
||||||
}
|
}
|
||||||
|
|
||||||
/* mobile mode */
|
/* mobile mode */
|
||||||
/*
|
@media screen and (max-device-width: 600px) {
|
||||||
[class^="channel-"] { max-width: unset; margin: 0 8px; }
|
[class^="channel-"] { max-width: unset; margin: 0 8px; }
|
||||||
[class^="layer-"] { padding: 0; margin: auto; }
|
[class^="layer-"] { padding: 0; margin: auto; }
|
||||||
[class^="layer-"] > [class^="container-"],
|
[class^="layer-"] > [class^="container-"],
|
||||||
[class^="standardSidebarView-"] { overflow-x: scroll; }
|
[class^="standardSidebarView-"] { overflow-x: scroll; }
|
||||||
[class^="base-"], [class^="contentRegion-"] { min-width: 200%; }
|
[class^="base-"], [class^="contentRegion-"] { min-width: 200%; }
|
||||||
[class^="content-"] [class^="sidebar"] { width: calc(50% - 72px); }
|
[class^="content-"] [class^="sidebar"] { width: calc(50% - 8px - 72px); }
|
||||||
[class^="chat-"] { width: 100%; }
|
[class^="chat-"] { width: 100%; }
|
||||||
[class^="tools"] { position: unset !important; }
|
[class^="tools"] { position: unset !important; }
|
||||||
|
|
||||||
[class*="positionLayer-"],
|
[class*="positionLayer-"],
|
||||||
[class*="fullscreenOnMobile"] {
|
[class*="fullscreenOnMobile"] {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0 !important;
|
top: 0 !important;
|
||||||
left: 0 !important;
|
left: 0 !important;
|
||||||
right: 0 !important;
|
right: 0 !important;
|
||||||
bottom: 0 !important;
|
bottom: 0 !important;
|
||||||
|
}
|
||||||
|
[class*="fullscreenOnMobile"] [class^="body"] {
|
||||||
|
width: 100%; height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
:not([class^="pill-"]) > [class*="item-"],
|
||||||
|
[class^="member-"],
|
||||||
|
#channels li,
|
||||||
|
[role="tab"],
|
||||||
|
div[class^="tabBarItem-"] {
|
||||||
|
margin-top: 16px !important;
|
||||||
|
padding: 0 8px;
|
||||||
|
font-size: 11pt;
|
||||||
|
}
|
||||||
|
|
||||||
|
[class^="side-"] [class^="item-"] {
|
||||||
|
margin-top: 4px;
|
||||||
|
padding: 6px 10px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
[class*="fullscreenOnMobile"] [class^="body"] {
|
|
||||||
width: 100%; height: 100%;
|
|
||||||
}
|
|
||||||
[class*="item-"],
|
|
||||||
[class^="member-"],
|
|
||||||
#channels li,
|
|
||||||
[role="tab"],
|
|
||||||
div[class^="tabBarItem-"] {
|
|
||||||
margin-top: 16px;
|
|
||||||
padding: 0 8px;
|
|
||||||
font-size: 11pt;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
|
|
||||||
div[class^="tabBarItem-"] {
|
div[class^="tabBarItem-"] {
|
||||||
border-top-left-radius: 8px;
|
border-top-left-radius: 8px;
|
||||||
|
|
Loading…
Reference in New Issue