I did it by 1 day?

This commit is contained in:
Er2 2022-03-19 20:30:57 +03:00
parent 797a95a03c
commit 67c676c0d2
1 changed files with 158 additions and 11 deletions

169
btfl.css
View File

@ -7,19 +7,42 @@
[class^="username-"], [class^="username-"],
[class^="discrimBase-"], [class^="discrimBase-"],
[class*="banner-"], [class*="banner-"],
[class*="perks"],
[class*="socialLink-"],
[class^="usernameInnerRow-"], [class^="usernameInnerRow-"],
[class^="membersGroup-"], [class^="membersGroup-"],
[class^="searchBar-"], [class^="searchBar-"],
[class^="nowPlaying"], [class^="nowPlaying"],
[class^="marketing"], [class^="marketing"],
[class^="clickableSticker-"],
[class^="unreadPill-"],
[class^="applicationInstall"],
[class*="nitro"],
div[class^="art-"],
div[class^="threadSuggestionBar-"],
div[class^="newMessagesBar-"],
div[class^="nameTag-"], div[class^="nameTag-"],
div[class*="hero"], div[class*="hero"],
/*div[class^="button"] button[class^="button-"],*/ /*div[class^="button"] button[class^="button-"],*/
button[class^="shinyButton"], [class*="giftButton"], button[class^="shinyButton"], [class*="giftButton"],
button[class*="followButton-"],
/*button[class*="emojiItemDisabled-"],*/
div[class*="premium"], div[class*="premium"],
div[id*="premium"],
div[role="separator"],
div[class*="goal"],
div[class^="pill"],
h2[class^="privateChannelsHeaderContainer"], h2[class^="privateChannelsHeaderContainer"],
nav[class^="nav-"], nav[class^="nav-"],
/* Settings */
div[aria-controls*="nitro"],
div[aria-controls="library-inventory-tab"],
div[aria-controls="subscriptions-tab"],
div[aria-controls="billing-tab"],
div[aria-controls^="hypesquad"],
div[class^="socialLinks-"],
/* buttons on chat area */ /* buttons on chat area */
div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]), div[class^="channelTextArea-"] div div > div button:not([class^="emojiButton"]),
[class^="stickerIcon-"], [class^="stickerIcon-"],
@ -30,11 +53,16 @@ div[class^="toolbar-3_"],
div[class^="emojiPicker-"] div[class^="emojiPicker-"]
> div[class^="header-"], > div[class^="header-"],
section div[class^="children-"] div[class^="spacer-"],
nav[class^="privateChannels-"] div div nav[class^="privateChannels-"] div div
*[data-list-item-id$="nitro"], *[data-list-item-id$="nitro"],
#gif-picker-tab, #sticker-picker-tab, #gif-picker-tab, #sticker-picker-tab,
#private-channels-0, #private-channels-1, #private-channels-2 #private-channels-0, #private-channels-1, #private-channels-2,
/* main page */
#app-mount div:not([class]) div[class=""] div:not([class])
{ {
all: unset; all: unset;
display: none; display: none;
@ -52,13 +80,28 @@ div[aria-label="Servers"] ~ div
/* to show */ /* to show */
div[class^="scroller-"] div[class^="tutorialContainer-"] div[class^="scroller-"] div[class^="tutorialContainer-"]
{ {
/* FIXME: Look above */ /* FIXME: goto FIXME above */
display: unset; display: unset;
margin: 0; margin: 0;
} }
:not([class^="listItemContents-"]) > div[class^="userInfo-"] {
padding-top: 48px;
justify-content: left;
}
div[class^="userInfo-"] button {
margin-left: 32px;
margin-top: -8px;
}
div[class^="userInfo-"] div[class^="avatar-"] { div[class^="userInfo-"] div[class^="avatar-"] {
top: 25px; top: 32px;
}
div[class^="headerTop-"] div[class^="headerText"]
{ margin-left: 84px; }
div[class^="profileBanner"] div[class*="avatar"]:not([class^="imageUploaderInner"]) {
margin-left: -8px;
margin-top: -8px;
} }
div[class^="peopleListItem-"] div[class^="peopleListItem-"]
@ -67,7 +110,11 @@ div[class^="userInfo-"] div[class^="avatar-"] {
top: 0; top: 0;
} }
#emoji-picker-tab-panel { div[class^="messagesWrapper-"] div {
scrollbar-width: thin;
}
#emoji-picker-tab-panel:not([role="dialog"]) {
position: absolute; position: absolute;
top: 0; bottom: 0; top: 0; bottom: 0;
left: 0; right: 0; left: 0; right: 0;
@ -76,9 +123,30 @@ div[class^="userInfo-"] div[class^="avatar-"] {
#emoji-picker-tab-panel #emoji-picker-tab-panel
div[class^="wrapper-"] { div[class^="wrapper-"] {
top: 0; top: 0;
border-radius: 5px 0 0 5px;
}
div[class^="avatarWrapper-"] {
margin-right: auto;
}
div[class^="radioBar-"] {
border: none;
} }
/* rounder */ /* rounder */
div[class^="item-"],
div[class^="select-"],
div[class^="popout"],
div[class^="userPopout-"],
div[class^="accountProfile"],
div[class^="profileBanner"],
div[class^="connectedAccount"],
div[class*="fullscreenOnMobile"],
div[class*="root"] div[class^="flex-"],
[class*="embed"],
div[class^="menu"],
div[class^="messagesWrapper-"] div,
div[class^="markup-"] pre code, div[class^="markup-"] pre code,
div[class^="sidebar-"], div[class^="sidebar-"],
div[class^="container-"], div[class^="container-"],
@ -93,15 +161,30 @@ div[class^="sidebar-"]
} }
/* sharper */ /* sharper */
[class^="avatar-"] button[class*="button"],
[role="dialog"],
div[class^="colorPicker"] div div[class^="saturation"] div,
[class*="Text"], [class*="text"],
div[class*="input"],
input[class^="inputDefault-"],
[class^="avatar-"],
div[class^="menu-"] div
{ {
border-radius: 5px; border-radius: 8px !important;
}
[class*="embed-"],
div[class^="messagesWrapper-"]
div[class*="mentioned"]
{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
} }
/* no banners */ /* no banners */
/* user popup */ /* user popup */
div[class^="userPopout-"] div[class^="headerTop-"] { padding-top: 120px; } div[class^="userPopout-"] div[class^="headerTop-"] { padding-top: 72px; }
div[class^="userPopout-"] div[class^="avatarWrapper"] { top: 16px; } div[class^="userPopout-"] div[class^="avatarWrapper"] { left: 8px; top: 16px; }
/* profile */ /* profile */
header div[class^="nameTagWithCustomStatus-"], header div[class^="nameTagWithCustomStatus-"],
@ -117,15 +200,24 @@ aside[class^="membersWrap-"]
width: 0; width: 0;
} }
div[class^="children-"] div[class^="nicknames-"],
div[class^="children-"] div[class^="topic-"]
{
width: unset !important;
flex-grow: 0;
}
aside[class^="membersWrap-"] div[class^="content-"], aside[class^="membersWrap-"] div[class^="content-"],
nav[class^="privateChannels-"] nav[class^="privateChannels-"] div ul[class^="content-"]:only-child,
div[class^="content-"]:only-child ul[class^="emojiListRow-"]
{ {
height: unset !important; height: unset !important;
flex-grow: 0;
} }
div[class^="members-"], div[class^="members-"],
div[class^="member-"] div[class^="member-"],
div[class*="root"] div[class^="flex-"] div[class^="header"]
{ {
padding: 0; padding: 0;
flex: 0 0 100%; flex: 0 0 100%;
@ -143,3 +235,58 @@ section div[class^="children-"]
{ {
justify-content: center; justify-content: center;
} }
/* 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; }
[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%;
}
[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;
border-top-right-radius: 8px;
margin-right: 16px;
padding: 0 8px;
margin-top: 16px;
}
[role="tab"][class*="selected-"],
[role="tab"]:hover
{
background-color: var(--background-modifier-hover);
}
div[class^="jumpToPresentBar-"] {
bottom: 16px;
padding: 0;
}