diff --git a/btfl.css b/btfl.css index 6cf7afd..74a2385 100644 --- a/btfl.css +++ b/btfl.css @@ -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;