BetterDiscordApp-rauenzi/renderer/src/styles/builtins/minimalmode.css

263 lines
5.4 KiB
CSS

/* Sidebars */
.bd-minimal .sidebar-2K8pFh,
.bd-minimal .members-1998pB,
.bd-minimal .membersWrap-2h-GB4,
.bd-minimal .nowPlayingColumn-2sl4cE,
.bd-minimal .bannerImage-3KhIJ6 {
width: 200px;
min-width: auto;
}
/* User Container */
.bd-minimal .container-3baos1 .noWrap-3jynv6 {
display: none;
opacity: 0;
pointer-events: none;
}
.bd-minimal .container-3baos1:hover .noWrap-3jynv6 {
display: flex;
opacity: 1;
pointer-events: all;
}
.bd-minimal .container-3baos1 {
height: 45px;
}
/* Header container heights */
.bd-minimal .container-1r6BKw,
.bd-minimal .header-2V-4Sw,
.bd-minimal .searchBar-6Kv8R2 {
height: 40px;
}
.bd-minimal .libraryHeader-3g95kE::before {
top: 40px;
}
/* Settings */
.bd-minimal .sidebarRegion-VFTUkN {
flex: 0;
}
.bd-minimal .contentColumn-2hrIYH,
.bd-minimal .customColumn-Rb6toI {
flex-grow: 1;
max-width: 100%;
}
.bd-minimal .customScroller-26gWhv > div,
.bd-minimal .sidebarScrollable-1qPI87 + .content-1rPSz4 {
max-width: unset;
}
.bd-minimal .bd-addon-list .bd-addon-card {
margin-bottom: 10px;
}
.bd-minimal .bd-addon-list.bd-grid-view {
grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
}
/* Friends (https://tropix126.github.io/BetterDiscordStuff/midnight/css/base.css) */
@keyframes slide-out-enable {
0% {
pointer-events: none;
}
100% {
pointer-events: all;
}
}
.bd-minimal .nowPlayingColumn-2sl4cE {
min-width: unset;
position: absolute;
right: 0;
height: 100%;
width: 300px;
transform: translateX(250px);
background: var(--background-secondary-alt);
transition: 250ms cubic-bezier(0.52, 0, 0.74, 0);
z-index: 1;
}
.bd-minimal .nowPlayingColumn-2sl4cE::after {
content: '|||';
color: var(--header-primary);
font-size: 12px;
position: absolute;
left: 25px;
top: 50%;
transform: translateY(-50%) translateX(-50%);
transition: 250ms ease;
}
.bd-minimal .nowPlayingColumn-2sl4cE:hover::after {
opacity: 0;
}
.bd-minimal .nowPlayingColumn-2sl4cE:hover {
transform: none;
}
.bd-minimal .peopleColumn-29fq28 {
margin-right: 50px;
}
@media (max-width: 1200px) {
.bd-minimal .peopleColumn-29fq28 {
margin-right: 0;
}
}
.bd-minimal .nowPlayingColumn-2sl4cE .nowPlayingScroller-2XrVUt {
pointer-events: none;
opacity: 0;
transform: scale(0.95);
transition: 250ms cubic-bezier(0.52, 0, 0.74, 0);
}
.bd-minimal .nowPlayingColumn-2sl4cE:hover .nowPlayingScroller-2XrVUt {
opacity: 1;
transform: none;
}
.bd-minimal .nowPlayingColumn-2sl4cE:hover .itemCard-v9viV7 {
animation: slide-out-enable 450ms linear forwards;
}
/* Context menus (status picker) */
.bd-minimal .item-1tOPte {
min-height: 18px;
}
.bd-minimal .styleFixed-sX-yHV {
width: 180px;
}
.bd-minimal .description-2L932D {
display: none;
}
/* Tooltips */
.bd-minimal .tooltip-2QfLtc {
border-radius: 4px;
}
.bd-minimal .tooltipContent-bqVLWK {
padding: 4px 8px;
font-size: 13px;
}
/* Messages */
.bd-minimal .cozy-3raOZG.wrapper-2a6GCs .avatar-1BDn8e {
width: 32px;
height: 32px;
}
.bd-minimal .cozy-3raOZG.wrapper-2a6GCs {
padding-left: 64px;
}
/* Chat input */
.bd-minimal .form-2fGMdU {
padding-left: 10px;
padding-right: 10px;
}
/* Guilds */
.bd-minimal .base-3dtUhz {
left: 55px;
}
.bd-minimal .wrapper-1Rf91z {
width: 55px;
}
.bd-minimal .wrapper-1Rf91z .wrapper-sa6paO {
height: 35px;
}
.bd-minimal .wrapper-1Rf91z .item-2hkk8m {
max-height: 20px;
}
.bd-minimal .wrapper-1Rf91z div[style*="height: 56px"],
.bd-minimal .wrapper-1Rf91z [role=group] {
height: auto !important;
}
.bd-minimal .wrapper-1Rf91z .listItem-2P_4kh,
.bd-minimal .wrapper-1Rf91z .unreadMentionsIndicatorBottom-BXS58x,
.bd-minimal .wrapper-1Rf91z .unreadMentionsIndicatorTop-gA6RCh,
.bd-minimal .wrapper-1Rf91z .wrapper-21YSNc {
width: 100%;
}
.bd-minimal .wrapper-1Rf91z .guildsError-b7zR5H,
.bd-minimal .wrapper-1Rf91z .svg-1X37T1,
.bd-minimal .wrapper-1Rf91z .wrapper-25eVIn,
.bd-minimal .wrapper-1Rf91z .placeholderMask-3K9THS {
width: 35px;
height: 35px;
}
.bd-minimal .wrapper-1Rf91z .wrapper-21YSNc .folder-21wGz3,
.bd-minimal .wrapper-1Rf91z .wrapper-21YSNc .folderIconWrapper-226oVY {
background: transparent;
}
.bd-minimal .wrapper-1Rf91z .wrapper-21YSNc .expandedFolderBackground-2sPsd- {
left: 10px;
width: 35px;
}
.bd-minimal .wrapper-1Rf91z #bd-pub-button {
height: 20px;
line-height: 20px;
font-size: 10px;
}
/* Private channels horizontal icons */
.bd-minimal .channel-2QD9_O[href="/channels/@me"],
.bd-minimal .channel-2QD9_O[href="/library"],
.bd-minimal .channel-2QD9_O[href="/store"] {
width: calc(33% - 8px);
margin-left: 8px;
padding: 0;
display: inline-block;
}
.bd-minimal .channel-2QD9_O[href="/channels/@me"] .content-3QAtGj,
.bd-minimal .channel-2QD9_O[href="/library"] .content-3QAtGj,
.bd-minimal .channel-2QD9_O[href="/store"] .content-3QAtGj,
.bd-minimal .channel-2QD9_O[href="/channels/@me"] .children-gzQq2t,
.bd-minimal .channel-2QD9_O[href="/library"] .children-gzQq2t,
.bd-minimal .channel-2QD9_O[href="/store"] .children-gzQq2t {
display: none;
}
.bd-minimal .channel-2QD9_O[href="/channels/@me"] .avatar-3uk_u9,
.bd-minimal .channel-2QD9_O[href="/library"] .avatar-3uk_u9,
.bd-minimal .channel-2QD9_O[href="/store"] .avatar-3uk_u9 {
margin: 0;
flex-grow: 1;
}
.bd-minimal .layout-2DM8Md {
justify-content: center;
}