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
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^="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;