lightcordwarez
/
BetterDiscordAddons
mirror of https://github.com/mwittrien/BetterDiscordAddons.git
1
0
Fork 0
Code Issues 24 Releases Wiki Activity

Update BDFDB.raw.css

This commit is contained in:
Mirco Wittrien 2021-01-26 21:15:22 +01:00
parent 269f02a7b6
commit ba7a5fc9a2
1 changed files with 70 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
Library/_res/BDFDB.raw.css
View File

@ -1076,72 +1076,104 @@ img:not([src]), img[src=""], img[src="null"] {
} }
} }
.platform-win [REPLACE_CLASS_toasts] {
padding-top: 22px;
}
[REPLACE_CLASS_toasts] { [REPLACE_CLASS_toasts] {
position: fixed; position: absolute;
top: 10px;
right: 0;
bottom: 80px;
left: 0;
display: flex; display: flex;
top: 0;
flex-direction: column;
align-items: center;
justify-content: flex-end; justify-content: flex-end;
flex-direction: column;
pointer-events: none; pointer-events: none;
z-index: 4000;
} }
@keyframes toast-up { [REPLACE_CLASS_toasts][REPLACE_CLASS_toastsleft] {
from { align-items: flex-start;
transform: translateY(0);
opacity: 0;
}
} }
@keyframes toast-down { [REPLACE_CLASS_toasts][REPLACE_CLASS_toastscenter] {
to { align-items: center;
transform: translateY(0px); }
opacity: 0; [REPLACE_CLASS_toasts][REPLACE_CLASS_toastsright] {
} align-items: flex-end;
} }
[REPLACE_CLASS_toast] { [REPLACE_CLASS_toast] {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
border-radius: 5px;
box-shadow: var(--elevation-medium); box-shadow: var(--elevation-medium);
margin-top: 10px; margin-top: 10px;
padding: 6px 10px; padding: 6px 10px;
min-height: 24px; overflow: hidden;
font-size: 14px;
font-weight: 500;
user-select: text;
opacity: 1;
cursor: pointer; cursor: pointer;
pointer-events: auto; min-height: 24px;
animation: toast-up 300ms ease; height: unset;
transform: translateY(-10px);
}
[REPLACE_CLASS_toastclosing] {
animation: toast-down 200ms ease;
animation-fill-mode: forwards;
opacity: 1; opacity: 1;
transform: translateY(-10px); transform: scale(1);
transition: all 300ms ease;
}
[REPLACE_CLASS_toasts][REPLACE_CLASS_toastsleft] [REPLACE_CLASS_toast] {
border-radius: 0 5px 5px 0;
transform-origin: left bottom;
}
[REPLACE_CLASS_toasts][REPLACE_CLASS_toastscenter] [REPLACE_CLASS_toast] {
border-radius: 5px;
transform-origin: center bottom;
}
[REPLACE_CLASS_toasts][REPLACE_CLASS_toastsright] [REPLACE_CLASS_toast] {
border-radius: 5px 0 0 5px;
transform-origin: right bottom;
}
[REPLACE_CLASS_toastopening],
[REPLACE_CLASS_toastclosing] {
min-height: 0;
height: 0;
opacity: 0;
transform: scale(0);
}
[REPLACE_CLASS_toastinner] {
display: flex;
align-items: center;
} }
[REPLACE_CLASS_toasticon] { [REPLACE_CLASS_toasticon] {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex: 0 0 auto; flex: 0 0 auto;
margin-right: 6px; margin-right: 10px;
} }
[REPLACE_CLASS_toastavatar] { [REPLACE_CLASS_toastavatar] {
background-position: center;
background-size: cover;
border-radius: 50%;
width: 24px; width: 24px;
height: 24px; height: 24px;
margin-right: 6px;
overflow: hidden;
} }
[REPLACE_CLASS_toastinner] { [REPLACE_CLASS_toastbar] {
display: flex; position: absolute;
align-items: center; background: black;
opacity: .3;
height: 3px;
right: 50%;
bottom: 0;
left: 0;
transition: all;
}
[REPLACE_CLASS_toastdefault] [REPLACE_CLASS_toastbar] {
background: var(--header-primary);
opacity: .2;
}
[REPLACE_CLASS_toasttext] {
font-size: 14px;
font-weight: 500;
white-space: pre; white-space: pre;
} }
[REPLACE_CLASS_toastcloseicon] {
margin-left: 6px;
display: none;
}
[REPLACE_CLASS_toast]:hover [REPLACE_CLASS_toastcloseicon] {
display: block;
}
[REPLACE_CLASS_toastdefault] { [REPLACE_CLASS_toastdefault] {
background-color: var(--background-floating); background-color: var(--background-floating);
color: var(--header-primary); color: var(--header-primary);