Skip to content

Commit

Permalink
Fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@Gibbu
Gibbu committed Nov 21, 2023
1 parent 2c18c91 commit e6e3775
Show file tree
Hide file tree
Showing 7 changed files with 98 additions and 128 deletions.
8 changes: 4 additions & 4 deletions pnpm-lock.yaml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion src/theme/_vars.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
:root {
--fluent-version: '1.1.6';
--fluent-version: '1.1.7';

--transition: cubic-bezier(0, 0, 0, 1);

Expand Down
2 changes: 1 addition & 1 deletion src/theme/guilds/_server.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,7 +87,7 @@
z-index: 2;
}

.homeIcon__00b1b {
.wrapper_d281dd svg {
width: 75%;
height: 75%;
mask: url(mono.$home) center/cover;
Expand Down
2 changes: 1 addition & 1 deletion src/theme/modals/_modal.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@use '../mixins';

#app-mount .root_a28985:not(.modal_d2e7a7, .carouselModal-1eUFoq, .root-2uUafN, .root-8LYsGj) {
#app-mount .root_a28985:not(.modal_d2e7a7, .carouselModal_c0d5b7, .root-2uUafN, .root-8LYsGj) {
border: 1px solid var(--border-high);
border-radius: var(--rounded);
background: var(--bg-content);
Expand Down
195 changes: 79 additions & 116 deletions src/theme/profile/_modal.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,147 +4,110 @@

$banner-height: 300px;

#{cls('mount')} {
#{cls('modal.user.outer')} {
#app-mount {
.userProfileModalOuter-2wdWjU {
border-radius: var(--rounded);
width: clamp(var(--profile-modal-width), 100vmax, var(--profile-modal-width));
height: clamp(var(--profile-modal-height), 100vmax, var(--profile-modal-height));
padding: 0;
#{cls('profile.bannerWrapper')} {
overflow: visible;
pointer-events: none;
overflow: hidden;
display: flex;
flex-direction: column;
.bannerSVGWrapper-2CLfzN {
min-height: unset !important;
min-width: unset !important;
width: 100%;
border-radius: var(--rounded);
overflow: hidden;
mask: linear-gradient(white, transparent);
foreignObject {
all: unset;
mask: none;
width: 100%;
height: 100%;
}
}
#{cls('profile.banner')} {
mask: linear-gradient(hsl(0 0% 0% / 0.5), transparent 90%);
position: absolute;
width: 100%;
height: 170px;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: unset;
[role='button'] {
display: none;
.banner-1YaD3N {
height: 100%;
width: 100%;
min-height: unset;
div {
display: none;
}
}
}
}
#{cls('modal.user.inner')} {
&::before {
content: none;
}
&#{cls('!profile.innerNonPremium')} {
#{cls('modal.user.tabBar.item')}::before {
background: var(--profile-message-input-border-color);
}
#{cls('modal.user.info.textarea')}:focus {
border-bottom-color: var(--profile-message-input-border-color);
box-shadow: inset 0 -1px 0 var(--profile-message-input-border-color);
}
.topSection-13QKHs {
margin: 0;
}
&#{cls('profile.innerNonPremium')} {
#{cls('modal.user.overlay')} {
padding: 0;
}
.header-S26rhB {
position: absolute;
top: 0;
width: 100%;
}
}

#{cls('modal.user.top')} {
margin-bottom: 0;
height: 180px;
z-index: 0;
#{cls('status.avatar')} {
top: 24px;
.avatar-3QF_VA {
right: 24px;
top: 24px;
left: unset;
background: hsl(0 0% 100% / 0.2);
border-color: transparent;
box-shadow: 0 0 0 8px hsl(0 0% 100% / 0.2);
box-shadow: 0 0 0 12px hsl(0 0% 100% / 0.2);
circle[fill='black'] {
fill: transparent;
}
}
}
#{cls('modal.user.header')} {
position: unset;
}
#{cls('modal.user.headerTop')} {
position: unset;
}
#{cls('modal.user.badges')} {
position: absolute;
top: 104px;
left: 24px;
background: transparent;
padding: 0;
margin: 0;
}
#{cls('modal.user.badgeImage')} {
filter: drop-shadow(var(--profile-premium-text-shadow));
}
#{cls('modal.user.relations.action')} {
position: absolute;
top: 24px;
right: 24px;
width: 120px !important;
height: 120px !important;
border-radius: 50% !important;
background: hsl(0 0% 0% / 0.6) !important;
margin: 0;
color: #fff !important;
opacity: 0;
transition: opacity 0.15s var(--transition) !important;
#{cls('buttons.content')} {
white-space: normal;
.headerTop-1PNKck {
position: unset;
}
&:hover {
opacity: 1;
.badgeList-2aoHPw {
position: absolute;
top: 224px;
right: 24px;
margin: 0;
}
}
#{cls('modal.user.relations.container modal.user.relations.more')} {
position: absolute;
top: 4px;
right: 4px;
.userProfileModalInner-3dx9L9 {
&::before {
width: 100%;
height: 100%;
}
}

#{cls('modal.user.body')} {
.userProfileModalOverlayBackground-2dAaBg {
margin: 0;
border-radius: 0;
background: transparent;
flex: 1;
overflow: visible;
flex: none;
}
#{cls('modal.user.overlay')} {
position: unset;
margin-top: 0;
}
#{cls('modal.user.details')} {
position: absolute;
top: 24px;
left: 24px;
z-index: 1;
padding: 0;
}
#{cls('modal.user.nameTag')} {
text-shadow: var(--profile-premium-text-shadow);
font-size: 24px;
}
#{cls('modal.user.customStatusText')} {
font-weight: var(--font-weight-semibold);
max-width: 400px;
text-shadow: var(--profile-premium-text-shadow);
}
#{cls('modal.user.divider')} {
display: none;
}
.body-1Ukv50 {
flex: 1;
overflow: visible;
height: 100px;
position: unset;

#{cls('modal.user.tabBar.container')} {
margin: 8px;
border: none;
.scrollerBase-1Pkza4 {
padding: 24px !important;
}
}
#{cls('modal.user.tabBar.tabBar')} {
gap: 0;
.container-3g15px {
padding: 12px 24px;
}

#{cls('modal.user.list.scroller,modal.user.info.scroller')} {
max-height: 330px;
height: 330px;
.tabBarContainer-sCZC4w {
margin: 0;
padding: 12px 12px 0;
}
.container-3g15px {
& > div:first-child {
position: absolute;
top: 24px;
left: 24px;
text-shadow: 0 2px 5px black;
}
& > div:last-child {
position: relative;
z-index: 1;
}
}
}

// userProfileModalOuter-2wdWjU userProfileOuter-2tQwNf userProfileOuterUnthemed-11rPfA profileColors-2AgAV4 theme-dark
// userProfileModalOuter-2wdWjU userProfileOuter-2tQwNf userProfileOuterThemed-2BgJCM profileColors-2AgAV4 theme-dark
3 changes: 2 additions & 1 deletion src/theme/sidebar/_channel.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
#app-mount {
.wrapper__7bcde {
padding: 2px 0;
margin-left: 0;

&::before {
content: '';
Expand All @@ -23,7 +24,7 @@
background: var(--interactive-muted);
}
}
&.modeUnread_f74c03::before {
&.modeUnreadImportant_efb53e::before {
background: var(--pill-unread);
scale: 1 0.65;
opacity: 1;
Expand Down
14 changes: 10 additions & 4 deletions src/theme/sidebar/_dms.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,14 +44,19 @@
border-radius: 50px;
position: absolute;
top: 50%;
transform: translateY(-50%);
translate: 0 -50%;
width: var(--pill-width);
height: 0;
height: var(--pill-height);
scale: 0;
left: 0;
opacity: 0;
background: rgb(var(--accent));
background: var(--pill-unread);
transition: var(--pill-transition);
}
&:not(.selected_d94cf9):has(.highlighted__7bba7)::before {
scale: 1 0.65;
opacity: 1;
}
}

.content_f767b8 {
Expand All @@ -67,8 +72,9 @@
.selected_d94cf9 {
background: var(--bg-interactive-high);
&::before {
height: var(--pill-height);
scale: 1;
opacity: 1;
background: rgb(var(--accent));
}
&:hover {
background: var(--bg-interactive-high-hover);
Expand Down

0 comments on commit e6e3775

Please sign in to comment.