er2/diskort
1
1
Fork 0
Code Issues Pull requests Releases 1 Activity

add media queries, small fixes

Browse source
This commit is contained in:
Er2 2022-03-20 13:07:21 +03:00
parent ed16e1ca72
commit 13b788d407
1 changed files with 41 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
btfl.css
View file

@ -151,7 +151,7 @@ div[class^="sidebar-"],
div[class^="container-"],
div[class^="chat-"]
{
border-radius: 16px;
border-radius: 16px !important;
}
div[class^="sidebar-"]
@ -178,8 +178,8 @@ div[class^="menu-"] div
div[class^="messagesWrapper-"]
div[class*="mentioned"]
{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
/* no banners */
@ -238,40 +238,46 @@ section div[class^="children-"]
}
/* mobile mode */
/*
[class^="channel-"] { max-width: unset; margin: 0 8px; }
[class^="layer-"] { padding: 0; margin: auto; }
[class^="layer-"] > [class^="container-"],
[class^="standardSidebarView-"] { overflow-x: scroll; }
[class^="base-"], [class^="contentRegion-"] { min-width: 200%; }
[class^="content-"] [class^="sidebar"] { width: calc(50% - 72px); }
[class^="chat-"] { width: 100%; }
[class^="tools"] { position: unset !important; }
@media screen and (max-device-width: 600px) {
[class^="channel-"] { max-width: unset; margin: 0 8px; }
[class^="layer-"] { padding: 0; margin: auto; }
[class^="layer-"] > [class^="container-"],
[class^="standardSidebarView-"] { overflow-x: scroll; }
[class^="base-"], [class^="contentRegion-"] { min-width: 200%; }
[class^="content-"] [class^="sidebar"] { width: calc(50% - 8px - 72px); }
[class^="chat-"] { width: 100%; }
[class^="tools"] { position: unset !important; }
[class*="positionLayer-"],
[class*="fullscreenOnMobile"] {
overflow: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
[class*="positionLayer-"],
[class*="fullscreenOnMobile"] {
overflow: auto;
max-width: 100%;
max-height: 100%;
position: absolute;
top: 0 !important;
left: 0 !important;
right: 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-"] {
border-top-left-radius: 8px;