We're reaching the nonsense commit message state
This commit is contained in:
parent
0537cbe928
commit
96d41aa26e
2
.gitignore
vendored
2
.gitignore
vendored
|
@ -1 +1 @@
|
||||||
replace.js
|
r.py
|
|
@ -1,3 +1,5 @@
|
||||||
|
@charset "UTF-8";
|
||||||
|
|
||||||
@use "src/header";
|
@use "src/header";
|
||||||
@use "src/colors";
|
@use "src/colors";
|
||||||
@use "src/chat";
|
@use "src/chat";
|
||||||
|
@ -7,4 +9,9 @@
|
||||||
@use "src/headache";
|
@use "src/headache";
|
||||||
@use "src/dmList";
|
@use "src/dmList";
|
||||||
@use "src/serverList";
|
@use "src/serverList";
|
||||||
|
@use "src/settings";
|
||||||
|
|
||||||
|
|
||||||
|
* {
|
||||||
|
font-family: "JetBrains Mono" !important;
|
||||||
|
}
|
|
@ -1,3 +1,3 @@
|
||||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<rect r="15" fill="white">
|
<circle r="5" fill="white"></circle>
|
||||||
<svg>
|
<svg>
|
Before Width: | Height: | Size: 131 B After Width: | Height: | Size: 144 B |
|
@ -3,4 +3,9 @@
|
||||||
## BLZxRsBEAST#0453
|
## BLZxRsBEAST#0453
|
||||||
- Fix for the avatar being locked in a circle (https://discord.com/channels/86004744966914048/123136820409139200/939528668529709076)
|
- Fix for the avatar being locked in a circle (https://discord.com/channels/86004744966914048/123136820409139200/939528668529709076)
|
||||||
|
|
||||||
> Used in src/_userPopouts.scss line 8 and line 36
|
> Used in src/_userPopouts.scss line 50 to line 52 and src/_headache.scss
|
||||||
|
|
||||||
|
## [Obscure.#4719](https://github.com/Obscure-Git)
|
||||||
|
- Code used as a basis for vertical user panel (https://github.com/Obscure-Git/Lavender/blob/main/src/components/panel.css, https://github.com/Obscure-Git/Lavender/blob/main/src/components/serverList.css)
|
||||||
|
|
||||||
|
> Used in src/_serverList line ? and src/_sidebar line ?
|
|
@ -1,31 +1,56 @@
|
||||||
@use "_vars";
|
@use "_vars";
|
||||||
|
|
||||||
.username-h_Y3Us { /* Usernames in chat*/
|
.chatContent-3KubbW {
|
||||||
padding-left: 0.5ch;
|
.username-h_Y3Us { /* Usernames in chat*/
|
||||||
|
padding-left: 0.5ch;
|
||||||
&::before {
|
|
||||||
content: "";
|
&::before {
|
||||||
position: absolute;
|
content: "";
|
||||||
width: 100%;
|
position: absolute;
|
||||||
height: 100%;
|
width: 100%;
|
||||||
opacity: 10%;
|
height: 100%;
|
||||||
border-radius: 5px;
|
opacity: 10%;
|
||||||
padding: 0 0.5ch 0 0;
|
border-radius: 5px;
|
||||||
transform: translateX(-0.5ch);
|
padding: 0 0.5ch 0 0;
|
||||||
background-color: currentColor;
|
transform: translateX(-0.5ch);
|
||||||
|
background-color: currentColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.avatar-2e8lTP {
|
||||||
|
border-radius: vars.$avatar-roundness;
|
||||||
|
}
|
||||||
|
|
||||||
|
.embedFull-1HGV2S { /* Embeds */
|
||||||
|
border-top: 7px solid #fff;
|
||||||
|
border-left: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container-2sjPya { /* Attachments */
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.avatar-2e8lTP {
|
.form-3gdLxP {
|
||||||
border-radius: vars.$avatar-roundness;
|
display: flex;
|
||||||
}
|
flex-direction: column-reverse;
|
||||||
|
|
||||||
.embedFull-1HGV2S { /* Embeds */
|
&:before {
|
||||||
border-top: 7px solid #fff;
|
background: none;
|
||||||
border-left: none;
|
}
|
||||||
border-radius: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-2sjPya { /* Attachments */
|
.base-3bcbY3 {
|
||||||
|
position: static;
|
||||||
|
bottom: auto;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.channelTextArea-1FufC0 {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
|
||||||
|
.scrollableContainer-15eg7h {
|
||||||
|
border-radius: vars.$avatar-roundness;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
|
@ -7,4 +7,7 @@
|
||||||
* @version 0.1.0
|
* @version 0.1.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Have to do this in order to make the header first thing in the file
|
// Have to do this in order to make the header first thing in the file
|
||||||
|
|
||||||
|
// @import url("https://fonts.googleapis.com/css2?family=DM+Mono&display=swap");
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono&display=swap');
|
21
src/_settings.scss
Normal file
21
src/_settings.scss
Normal file
|
@ -0,0 +1,21 @@
|
||||||
|
.layer-86YKbF {
|
||||||
|
.info-1sUqUG::after {
|
||||||
|
content: "Syrup made with by Delta";
|
||||||
|
background: url(https://discord.com/assets/0483f2b648dcc986d01385062052ae1c.svg) 13em center no-repeat;
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contentRegion-3HkfJJ {
|
||||||
|
background-color: 0;
|
||||||
|
|
||||||
|
.contentColumn-1C7as6 {
|
||||||
|
max-width: unset;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebarRegion-1VBisG {
|
||||||
|
max-width: 218px;
|
||||||
|
}
|
||||||
|
}
|
|
@ -2,7 +2,6 @@
|
||||||
|
|
||||||
.sidebar-1tnWFu {
|
.sidebar-1tnWFu {
|
||||||
> .container-1NXEtd {
|
> .container-1NXEtd {
|
||||||
|
|
||||||
#channels {
|
#channels {
|
||||||
.containerDefault-YUSmu3 {
|
.containerDefault-YUSmu3 {
|
||||||
.unread-36eUEm {
|
.unread-36eUEm {
|
||||||
|
@ -13,11 +12,16 @@
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-1gYQeQ > a > .name-28HaxV {
|
.content-1gYQeQ {
|
||||||
transition: transform 0.2s ease-in-out;
|
|
||||||
|
|
||||||
|
> a > .name-28HaxV {
|
||||||
|
transition: transform 0.2s ease-in-out;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover .content-1gYQeQ > a > .name-28HaxV {
|
&:hover .content-1gYQeQ > a > .name-28HaxV,
|
||||||
|
> modeSelected-3DmyhH > .content-1gYQeQ > a > .name-28HaxV {
|
||||||
transform: translateX(5px);
|
transform: translateX(5px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -27,6 +31,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
> .panels-3wFtMD {
|
> .panels-3wFtMD {
|
||||||
|
// width: 48px;
|
||||||
|
// height: 92px;
|
||||||
|
|
||||||
> .container-YkUktl {
|
> .container-YkUktl {
|
||||||
.avatar-b5OQ1N {
|
.avatar-b5OQ1N {
|
||||||
border-radius: vars.$avatar-roundness;
|
border-radius: vars.$avatar-roundness;
|
||||||
|
@ -98,4 +105,5 @@
|
||||||
100% {
|
100% {
|
||||||
transform: rotate(360deg);
|
transform: rotate(360deg);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
@use "_vars";
|
@use "_vars";
|
||||||
|
@use "sass:list";
|
||||||
|
|
||||||
.userPopout-2j1gM4 {
|
.userPopout-2j1gM4 {
|
||||||
width: 550px !important;
|
width: 550px !important;
|
||||||
|
@ -9,7 +10,7 @@
|
||||||
"messagebox messagebox body"
|
"messagebox messagebox body"
|
||||||
"banner banner body";
|
"banner banner body";
|
||||||
grid-template-columns: 92px auto 250px;
|
grid-template-columns: 92px auto 250px;
|
||||||
grid-template-rows: calc(16px + 92px + 8px /*+ 20px*/) 40px auto;
|
grid-template-rows: calc(16px + 92px + 8px + 24px) 40px auto;
|
||||||
background-color: #18191c99;
|
background-color: #18191c99;
|
||||||
backdrop-filter: blur(vars.$blur-level);
|
backdrop-filter: blur(vars.$blur-level);
|
||||||
|
|
||||||
|
@ -20,7 +21,7 @@
|
||||||
|
|
||||||
&::before {
|
&::before {
|
||||||
content: "";
|
content: "";
|
||||||
height: 92px;
|
height: calc(92px);
|
||||||
width: calc(100% - 32px - 250px);
|
width: calc(100% - 32px - 250px);
|
||||||
margin: 16px;
|
margin: 16px;
|
||||||
background-color: #18191c99;
|
background-color: #18191c99;
|
||||||
|
@ -73,8 +74,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.pointerEvents-9SZWKj {
|
.pointerEvents-9SZWKj {
|
||||||
x: 71;
|
x: 0;
|
||||||
y: 71;
|
y: 0;
|
||||||
|
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
|
||||||
|
r: 5;
|
||||||
|
|
||||||
|
mask: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -97,33 +105,27 @@
|
||||||
width: calc(100% - 32px);
|
width: calc(100% - 32px);
|
||||||
|
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
|
overflow: visible;
|
||||||
//backdrop-filter: blur(5px);
|
|
||||||
|
|
||||||
// &::after {
|
|
||||||
// content: "";
|
|
||||||
// height: 92px;
|
|
||||||
// width: 92px;
|
|
||||||
// position: absolute;
|
|
||||||
// top: 0;
|
|
||||||
// right: 0;
|
|
||||||
// border-top-right-radius: vars.$avatar-roundness;
|
|
||||||
// border-bottom-right-radius: vars.$avatar-roundness;
|
|
||||||
// background-color: /*var(--background-floating)*/ #18191ce6;
|
|
||||||
// z-index: -1;
|
|
||||||
|
|
||||||
// //backdrop-filter: blur(5px);
|
|
||||||
// }
|
|
||||||
|
|
||||||
> .profileBadges-2pItdR {
|
> .profileBadges-2pItdR {
|
||||||
left: 14px;
|
left: -80px;
|
||||||
right: auto;
|
right: auto;
|
||||||
top: auto;
|
top: auto;
|
||||||
bottom: 6px;
|
bottom: 6px;
|
||||||
|
padding: 0px 6px;
|
||||||
|
|
||||||
|
transform: translateY(8px);
|
||||||
|
|
||||||
|
justify-content: start;
|
||||||
|
min-width: 255px;
|
||||||
|
|
||||||
|
border-radius: vars.$avatar-roundness;
|
||||||
|
background-color: #18191c99;
|
||||||
|
backdrop-filter: blur(vars.$blur-level);
|
||||||
}
|
}
|
||||||
|
|
||||||
> .headerText-1-WmDq {
|
> .headerText-1-WmDq {
|
||||||
width: 159.762px;
|
width: 156px;
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
|
|
||||||
> h3 {
|
> h3 {
|
||||||
|
@ -147,22 +149,23 @@
|
||||||
padding: 36px 0 0 0;
|
padding: 36px 0 0 0;
|
||||||
|
|
||||||
+ .divider-1wtgZ3 {
|
+ .divider-1wtgZ3 {
|
||||||
background-color: var(--background-modifier-accent);;
|
background-color: var(--background-modifier-accent);
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
&::before {
|
&::after {
|
||||||
content: "CUSTOM STATUS";
|
content: "CUSTOM STATUS";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
padding-top: 12px;
|
||||||
left: 0;
|
width: 100%;
|
||||||
width: calc(100% - 10px);
|
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--header-secondary);
|
color: var(--header-secondary);
|
||||||
padding-top: 12px;
|
|
||||||
line-height: 16px
|
top: 0;
|
||||||
|
left: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -246,16 +249,16 @@
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
|
|
||||||
border-radius: vars.$avatar-roundness;
|
border-radius: vars.$avatar-roundness;
|
||||||
|
|
||||||
|
|
||||||
.input-2z42oC {
|
.input-2z42oC {
|
||||||
background-color: #13161899;
|
background-color: #13161899;
|
||||||
border: none;
|
border: none;
|
||||||
backdrop-filter: blur(vars.$blur-level);
|
backdrop-filter: blur(vars.$blur-level);
|
||||||
|
|
||||||
|
border-radius: vars.$avatar-roundness;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,3 +1,4 @@
|
||||||
$avatar-roundness: 5%;
|
// $avatar-roundness: 5%;
|
||||||
|
$avatar-roundness: 4px;
|
||||||
$blur-level: 10px;
|
$blur-level: 10px;
|
||||||
$opacity-level: 0.6;
|
$opacity-level: 0.6;
|
Loading…
Reference in a new issue