Skip to content

Commit

Permalink
Fixed threads
Browse files Browse the repository at this point in the history
  • Loading branch information
@Gibbu
Gibbu committed Jul 28, 2021
1 parent 0aa1036 commit 7358ec7
Show file tree
Hide file tree
Showing 6 changed files with 177 additions and 58 deletions.
112 changes: 84 additions & 28 deletions dist/SimplyDark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -280,7 +280,7 @@ html.theme-light #app-mount:after {
#app-mount .chat-3bRxxu .mentioned-xhSam7 {
background: rgb(var(--accent), 0.1);
}
#app-mount .chat-3bRxxu .mentioned-xhSam7:before {
#app-mount .chat-3bRxxu .mentioned-xhSam7::before {
background: rgb(var(--accent));
}
#app-mount .chat-3bRxxu .wrapper-3WhCwL {
Expand All @@ -301,32 +301,6 @@ html.theme-light #app-mount:after {
#app-mount .chat-3bRxxu .button-1ZiXG9:hover {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 12%));
}
#app-mount .chat-3bRxxu .form-2fGMdU {
padding: 0;
margin: 0;
min-height: 53px;
}
#app-mount .chat-3bRxxu .channelTextArea-rNsIhG {
margin-bottom: 0;
}
#app-mount .chat-3bRxxu .scrollableContainer-2NUZem {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 2%));
min-height: 53px;
}
#app-mount .chat-3bRxxu .slateTextArea-1Mkdgw,
#app-mount .chat-3bRxxu .placeholder-37qJjk {
padding: 16px 0 15px;
box-sizing: border-box;
}
#app-mount .chat-3bRxxu .attachButton-2WznTc {
padding: 16px 16px 15px;
box-sizing: border-box;
height: 53px;
}
#app-mount .chat-3bRxxu .buttons-3JBrkn,
#app-mount .chat-3bRxxu .emojiButton-3uL3Aw {
min-height: 53px;
}
#app-mount .chat-3bRxxu .base-gE7OpD {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 0%));
bottom: unset;
Expand Down Expand Up @@ -355,6 +329,53 @@ html.theme-light #app-mount:after {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 6%));
}

#app-mount .chat-15Vmww::before,
#app-mount .chat-3bRxxu::before {
content: none;
}
#app-mount .chat-15Vmww .iconWrapper-L3hQuc,
#app-mount .chat-3bRxxu .iconWrapper-L3hQuc {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 8%));
}
#app-mount .chat-15Vmww .form-2fGMdU,
#app-mount .chat-3bRxxu .form-2fGMdU {
padding: 0;
margin: 0;
min-height: 53px;
}
#app-mount .chat-15Vmww .form-2fGMdU::before,
#app-mount .chat-3bRxxu .form-2fGMdU::before {
content: none;
}
#app-mount .chat-15Vmww .channelTextArea-rNsIhG,
#app-mount .chat-3bRxxu .channelTextArea-rNsIhG {
margin-bottom: 0;
}
#app-mount .chat-15Vmww .scrollableContainer-2NUZem,
#app-mount .chat-3bRxxu .scrollableContainer-2NUZem {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 2%));
min-height: 53px;
}
#app-mount .chat-15Vmww .slateTextArea-1Mkdgw,
#app-mount .chat-15Vmww .placeholder-37qJjk,
#app-mount .chat-3bRxxu .slateTextArea-1Mkdgw,
#app-mount .chat-3bRxxu .placeholder-37qJjk {
padding: 16px 0 15px;
box-sizing: border-box;
}
#app-mount .chat-15Vmww .attachButton-2WznTc,
#app-mount .chat-3bRxxu .attachButton-2WznTc {
padding: 16px 16px 15px;
box-sizing: border-box;
height: 53px;
}
#app-mount .chat-15Vmww .buttons-3JBrkn,
#app-mount .chat-15Vmww .emojiButton-3uL3Aw,
#app-mount .chat-3bRxxu .buttons-3JBrkn,
#app-mount .chat-3bRxxu .emojiButton-3uL3Aw {
min-height: 53px;
}

#app-mount .members-1998pB {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 5%));
}
Expand Down Expand Up @@ -515,6 +536,23 @@ html.theme-light #app-mount:after {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 2%));
}

#app-mount .threadSidebar-1o3BTy {
margin-left: 0;
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 2%));
}
#app-mount .threadSidebar-1o3BTy .scrollableContainer-2NUZem {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 6%));
}
#app-mount .typeThread-3ESTm- .content-1x5b-n {
padding-left: 42px;
}
#app-mount .spine--Wla_O {
z-index: 1;
}
#app-mount .container-3hZ-gs {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 4%));
}

#app-mount .bd-addon-card {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 4%));
}
Expand Down Expand Up @@ -718,7 +756,7 @@ html.theme-light #app-mount:after {
#app-mount .option-96V44q.selected-rZcOL- {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 4%));
}
#app-mount .option-96V44q.selected-rZcOL-:before {
#app-mount .option-96V44q.selected-rZcOL-::before {
width: 34px;
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 4%));
}
Expand Down Expand Up @@ -879,4 +917,22 @@ html.theme-light #app-mount:after {
}
#app-mount .tabBarContainer-37hZsr {
border-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 12%));
}
#app-mount .quickswitcher-3JagVE {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 4%));
box-shadow: none;
}
#app-mount .input-2VB9rf {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 8%));
box-shadow: none;
}
#app-mount .scroller-zPkAnE {
background: transparent;
margin: 0;
}
#app-mount .scroller-zPkAnE::-webkit-scrollbar {
display: none;
}
#app-mount .resultFocused-3aIoYe {
background-color: hsl(var(--hue), var(--saturation), calc(var(--lightness) + 8%));
}
1 change: 1 addition & 0 deletions src/_base.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
@use 'members';
@use 'pages';
@use 'settings';
@use 'threads';

@use 'bd';

Expand Down
76 changes: 47 additions & 29 deletions src/_chat.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@
// Mention
.mentioned-xhSam7 {
background: rgb(var(--accent), .1);
&:before {
&::before {
background: rgb(var(--accent));
}
}
Expand All @@ -82,34 +82,6 @@
@include hsl(12%);
}

// Chatbox
.form-2fGMdU {
padding: 0;
margin: 0;
min-height: 53px;
}
.channelTextArea-rNsIhG {
margin-bottom: 0;
}
.scrollableContainer-2NUZem {
@include hsl(2%);
min-height: 53px;
}
.slateTextArea-1Mkdgw,
.placeholder-37qJjk {
padding: 16px 0 15px;
box-sizing: border-box;
}
.attachButton-2WznTc {
padding: 16px 16px 15px;
box-sizing: border-box;
height: 53px;
}
.buttons-3JBrkn,
.emojiButton-3uL3Aw {
min-height: 53px;
}

// Typing
.base-gE7OpD {
@include hsl(0%);
Expand Down Expand Up @@ -140,4 +112,50 @@
.replyBar-1YLQ2F {
@include hsl(6%);
}
}

// Chatbox
#app-mount {
.chat-15Vmww,
.chat-3bRxxu {
&::before {
content: none;
}

// Chat icon thingy
.iconWrapper-L3hQuc {
@include hsl(8%);
}

// Chatbox
.form-2fGMdU {
padding: 0;
margin: 0;
min-height: 53px;
&::before {
content: none;
}
}
.channelTextArea-rNsIhG {
margin-bottom: 0;
}
.scrollableContainer-2NUZem {
@include hsl(2%);
min-height: 53px;
}
.slateTextArea-1Mkdgw,
.placeholder-37qJjk {
padding: 16px 0 15px;
box-sizing: border-box;
}
.attachButton-2WznTc {
padding: 16px 16px 15px;
box-sizing: border-box;
height: 53px;
}
.buttons-3JBrkn,
.emojiButton-3uL3Aw {
min-height: 53px;
}
}
}
20 changes: 20 additions & 0 deletions src/_modals.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,4 +32,24 @@
.tabBarContainer-37hZsr {
@include hsl(12%, 'border-color');
}

// Quickswitch
.quickswitcher-3JagVE {
@include hsl(4%);
box-shadow: none;
}
.input-2VB9rf {
@include hsl(8%);
box-shadow: none;
}
.scroller-zPkAnE {
background: transparent;
margin: 0;
&::-webkit-scrollbar {
display: none;
}
}
.resultFocused-3aIoYe {
@include hsl(8%);
}
}
2 changes: 1 addition & 1 deletion src/_popouts.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -102,7 +102,7 @@
}
&.selected-rZcOL- {
@include hsl(4%);
&:before {
&::before {
width: 34px;
@include hsl(4%);
}
Expand Down
24 changes: 24 additions & 0 deletions src/_threads.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
@use './mixins' as *;

#app-mount {
.threadSidebar-1o3BTy {
margin-left: 0;
@include hsl(2%);
.scrollableContainer-2NUZem {
@include hsl(6%);
}
}

// Channels
.typeThread-3ESTm- .content-1x5b-n {
padding-left: 42px;
}
.spine--Wla_O {
z-index: 1;
}

// Chat
.container-3hZ-gs {
@include hsl(4%);
}
}

0 comments on commit 7358ec7

Please sign in to comment.