Skip to content

Commit

Permalink
better inbox, one settings heading
Browse files Browse the repository at this point in the history
  • Loading branch information
joshuah345 committed Mar 13, 2024
1 parent d0eac1f commit 82a5e03
Show file tree
Hide file tree
Showing 7 changed files with 267 additions and 133 deletions.
99 changes: 49 additions & 50 deletions Themes/Unity/Unity.css
Original file line number Diff line number Diff line change
Expand Up @@ -1316,6 +1316,48 @@ section .contentWrapper__321ed,
border-radius: var(--unity-border-radius);
}

.container__2c498 {
background-color: var(--unity-background-floating);
}

.messagesPopout__22763:not(.scroller__1c703), .scroller__1c703:not(.scroller__1c703) {
margin-top: 10px;
}
.messagesPopout__22763 div:first-of-type .channel_d48f2d, .scroller__1c703 div:first-of-type .channel_d48f2d {
margin-top: 10px;
}
.messagesPopout__22763 .container__56e52, .scroller__1c703 .container__56e52 {
margin: 10px auto 0 auto;
border-radius: var(--unity-border-radius);
}
.messagesPopout__22763 .container__56e52 .messageContainer_aa7d14, .scroller__1c703 .container__56e52 .messageContainer_aa7d14 {
border-radius: unset;
overflow: hidden;
background-color: transparent;
}
.messagesPopout__22763 .container__56e52 .channelHeader__5d30c, .scroller__1c703 .container__56e52 .channelHeader__5d30c {
margin-left: 16px;
padding: 0 20px;
border-radius: var(--unity-border-radius);
margin-bottom: 8px;
margin-top: 8px;
}
.messagesPopout__22763 .channel_d48f2d, .scroller__1c703 .channel_d48f2d {
border-radius: var(--unity-border-radius);
overflow: hidden;
padding-bottom: 0;
margin-bottom: 16px;
}
.messagesPopout__22763 .channel_d48f2d .messages_f7999e, .scroller__1c703 .channel_d48f2d .messages_f7999e {
border-radius: 0;
}
.messagesPopout__22763 .channel_d48f2d .channelHeader__5d30c, .scroller__1c703 .channel_d48f2d .channelHeader__5d30c {
padding: 12px 20px 12px 30px;
}
.messagesPopout__22763 .channel_d48f2d .collapseButton_b18eab, .scroller__1c703 .channel_d48f2d .collapseButton_b18eab {
left: 5px;
}

div[id^=popout]:not(:has(#account, [class*=userPopout])) > div {
border-radius: var(--unity-border-radius);
overflow: hidden;
Expand Down Expand Up @@ -1357,24 +1399,6 @@ div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class]::aft
margin-right: inherit;
box-sizing: border-box;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 div:first-of-type .channel_d48f2d {
margin-top: 10px;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 .channel_d48f2d {
border-radius: var(--unity-border-radius);
overflow: hidden;
padding-bottom: 0;
margin-bottom: 16px;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 .channel_d48f2d .messages_f7999e {
border-radius: 0;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 .channel_d48f2d .channelHeader__5d30c {
padding: 12px 20px 12px 30px;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 .channel_d48f2d .collapseButton_b18eab {
left: 5px;
}
div[id^=popout] .streamPreview__1846c {
background: transparent;
}
Expand Down Expand Up @@ -1612,6 +1636,11 @@ div[id^=popout] [class*=animator] > *:not(:has(#account))::after {
overflow: hidden;
}

.standardSidebarView__1129a .contentColumn_dc7d36#my-account-tab > div > .marginTop40__2b1fe:last-of-type .sectionTitle_e32631 > h2 {
font-size: unset;
margin-bottom: initial;
margin-top: initial;
}
.standardSidebarView__1129a .contentColumn_dc7d36 .sectionTitle_e32631 > .defaultMarginh1__902c1,
.standardSidebarView__1129a .contentColumn_dc7d36 h2:first-of-type:not([class*=bd-]) {
text-align: center;
Expand Down Expand Up @@ -2107,41 +2136,11 @@ button.bd-button:not(.bd-button-color-transparent):not(.bd-addon-button, .bd-vie
border-radius: var(--unity-border-radius);
}

.children__32014:has([src*="419610859392860162"]) .overflow__87fe8,
.children__32014:has([src*="419610859392860162"]) .headerText_f47574,
.children__32014:has([src*="419610859392860162"]) .username__81ee6,
.children__32014:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div,
.contents_f41bb2:has([src*="419610859392860162"]) .overflow__87fe8,
.contents_f41bb2:has([src*="419610859392860162"]) .headerText_f47574,
.contents_f41bb2:has([src*="419610859392860162"]) .username__81ee6,
.contents_f41bb2:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div,
.link__2e8e1:has([src*="419610859392860162"]) .overflow__87fe8,
.link__2e8e1:has([src*="419610859392860162"]) .headerText_f47574,
.link__2e8e1:has([src*="419610859392860162"]) .username__81ee6,
.link__2e8e1:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div,
.userInfo__18240:has([src*="419610859392860162"]) .overflow__87fe8,
.userInfo__18240:has([src*="419610859392860162"]) .headerText_f47574,
.userInfo__18240:has([src*="419610859392860162"]) .username__81ee6,
.userInfo__18240:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div {
:where(.children__32014, .contents_f41bb2, .link__2e8e1, .userInfo__18240):has([src*="419610859392860162"]) :where(.overflow__87fe8, .headerText_f47574, .username__81ee6, .titleWrapper__482dc > h1 > div) {
display: inline-flex;
flex-wrap: wrap;
}
.children__32014:has([src*="419610859392860162"]) .overflow__87fe8:after,
.children__32014:has([src*="419610859392860162"]) .headerText_f47574:after,
.children__32014:has([src*="419610859392860162"]) .username__81ee6:after,
.children__32014:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div:after,
.contents_f41bb2:has([src*="419610859392860162"]) .overflow__87fe8:after,
.contents_f41bb2:has([src*="419610859392860162"]) .headerText_f47574:after,
.contents_f41bb2:has([src*="419610859392860162"]) .username__81ee6:after,
.contents_f41bb2:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div:after,
.link__2e8e1:has([src*="419610859392860162"]) .overflow__87fe8:after,
.link__2e8e1:has([src*="419610859392860162"]) .headerText_f47574:after,
.link__2e8e1:has([src*="419610859392860162"]) .username__81ee6:after,
.link__2e8e1:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div:after,
.userInfo__18240:has([src*="419610859392860162"]) .overflow__87fe8:after,
.userInfo__18240:has([src*="419610859392860162"]) .headerText_f47574:after,
.userInfo__18240:has([src*="419610859392860162"]) .username__81ee6:after,
.userInfo__18240:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div:after {
:where(.children__32014, .contents_f41bb2, .link__2e8e1, .userInfo__18240):has([src*="419610859392860162"]) :where(.overflow__87fe8, .headerText_f47574, .username__81ee6, .titleWrapper__482dc > h1 > div):after {
display: inline-flex;
flex: 0 0 auto;
flex-direction: row;
Expand Down
99 changes: 49 additions & 50 deletions Themes/Unity/dist/Unity.css
Original file line number Diff line number Diff line change
Expand Up @@ -1316,6 +1316,48 @@ section .contentWrapper__321ed,
border-radius: var(--unity-border-radius);
}

.container__2c498 {
background-color: var(--unity-background-floating);
}

.messagesPopout__22763:not(.scroller__1c703), .scroller__1c703:not(.scroller__1c703) {
margin-top: 10px;
}
.messagesPopout__22763 div:first-of-type .channel_d48f2d, .scroller__1c703 div:first-of-type .channel_d48f2d {
margin-top: 10px;
}
.messagesPopout__22763 .container__56e52, .scroller__1c703 .container__56e52 {
margin: 10px auto 0 auto;
border-radius: var(--unity-border-radius);
}
.messagesPopout__22763 .container__56e52 .messageContainer_aa7d14, .scroller__1c703 .container__56e52 .messageContainer_aa7d14 {
border-radius: unset;
overflow: hidden;
background-color: transparent;
}
.messagesPopout__22763 .container__56e52 .channelHeader__5d30c, .scroller__1c703 .container__56e52 .channelHeader__5d30c {
margin-left: 16px;
padding: 0 20px;
border-radius: var(--unity-border-radius);
margin-bottom: 8px;
margin-top: 8px;
}
.messagesPopout__22763 .channel_d48f2d, .scroller__1c703 .channel_d48f2d {
border-radius: var(--unity-border-radius);
overflow: hidden;
padding-bottom: 0;
margin-bottom: 16px;
}
.messagesPopout__22763 .channel_d48f2d .messages_f7999e, .scroller__1c703 .channel_d48f2d .messages_f7999e {
border-radius: 0;
}
.messagesPopout__22763 .channel_d48f2d .channelHeader__5d30c, .scroller__1c703 .channel_d48f2d .channelHeader__5d30c {
padding: 12px 20px 12px 30px;
}
.messagesPopout__22763 .channel_d48f2d .collapseButton_b18eab, .scroller__1c703 .channel_d48f2d .collapseButton_b18eab {
left: 5px;
}

div[id^=popout]:not(:has(#account, [class*=userPopout])) > div {
border-radius: var(--unity-border-radius);
overflow: hidden;
Expand Down Expand Up @@ -1357,24 +1399,6 @@ div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class]::aft
margin-right: inherit;
box-sizing: border-box;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 div:first-of-type .channel_d48f2d {
margin-top: 10px;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 .channel_d48f2d {
border-radius: var(--unity-border-radius);
overflow: hidden;
padding-bottom: 0;
margin-bottom: 16px;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 .channel_d48f2d .messages_f7999e {
border-radius: 0;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 .channel_d48f2d .channelHeader__5d30c {
padding: 12px 20px 12px 30px;
}
div[id^=popout]:not(:has(#account, [class*=userPopout])) > div > div[class] .scroller__1c703 .channel_d48f2d .collapseButton_b18eab {
left: 5px;
}
div[id^=popout] .streamPreview__1846c {
background: transparent;
}
Expand Down Expand Up @@ -1612,6 +1636,11 @@ div[id^=popout] [class*=animator] > *:not(:has(#account))::after {
overflow: hidden;
}

.standardSidebarView__1129a .contentColumn_dc7d36#my-account-tab > div > .marginTop40__2b1fe:last-of-type .sectionTitle_e32631 > h2 {
font-size: unset;
margin-bottom: initial;
margin-top: initial;
}
.standardSidebarView__1129a .contentColumn_dc7d36 .sectionTitle_e32631 > .defaultMarginh1__902c1,
.standardSidebarView__1129a .contentColumn_dc7d36 h2:first-of-type:not([class*=bd-]) {
text-align: center;
Expand Down Expand Up @@ -2107,41 +2136,11 @@ button.bd-button:not(.bd-button-color-transparent):not(.bd-addon-button, .bd-vie
border-radius: var(--unity-border-radius);
}

.children__32014:has([src*="419610859392860162"]) .overflow__87fe8,
.children__32014:has([src*="419610859392860162"]) .headerText_f47574,
.children__32014:has([src*="419610859392860162"]) .username__81ee6,
.children__32014:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div,
.contents_f41bb2:has([src*="419610859392860162"]) .overflow__87fe8,
.contents_f41bb2:has([src*="419610859392860162"]) .headerText_f47574,
.contents_f41bb2:has([src*="419610859392860162"]) .username__81ee6,
.contents_f41bb2:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div,
.link__2e8e1:has([src*="419610859392860162"]) .overflow__87fe8,
.link__2e8e1:has([src*="419610859392860162"]) .headerText_f47574,
.link__2e8e1:has([src*="419610859392860162"]) .username__81ee6,
.link__2e8e1:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div,
.userInfo__18240:has([src*="419610859392860162"]) .overflow__87fe8,
.userInfo__18240:has([src*="419610859392860162"]) .headerText_f47574,
.userInfo__18240:has([src*="419610859392860162"]) .username__81ee6,
.userInfo__18240:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div {
:where(.children__32014, .contents_f41bb2, .link__2e8e1, .userInfo__18240):has([src*="419610859392860162"]) :where(.overflow__87fe8, .headerText_f47574, .username__81ee6, .titleWrapper__482dc > h1 > div) {
display: inline-flex;
flex-wrap: wrap;
}
.children__32014:has([src*="419610859392860162"]) .overflow__87fe8:after,
.children__32014:has([src*="419610859392860162"]) .headerText_f47574:after,
.children__32014:has([src*="419610859392860162"]) .username__81ee6:after,
.children__32014:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div:after,
.contents_f41bb2:has([src*="419610859392860162"]) .overflow__87fe8:after,
.contents_f41bb2:has([src*="419610859392860162"]) .headerText_f47574:after,
.contents_f41bb2:has([src*="419610859392860162"]) .username__81ee6:after,
.contents_f41bb2:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div:after,
.link__2e8e1:has([src*="419610859392860162"]) .overflow__87fe8:after,
.link__2e8e1:has([src*="419610859392860162"]) .headerText_f47574:after,
.link__2e8e1:has([src*="419610859392860162"]) .username__81ee6:after,
.link__2e8e1:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div:after,
.userInfo__18240:has([src*="419610859392860162"]) .overflow__87fe8:after,
.userInfo__18240:has([src*="419610859392860162"]) .headerText_f47574:after,
.userInfo__18240:has([src*="419610859392860162"]) .username__81ee6:after,
.userInfo__18240:has([src*="419610859392860162"]) .titleWrapper__482dc > h1 > div:after {
:where(.children__32014, .contents_f41bb2, .link__2e8e1, .userInfo__18240):has([src*="419610859392860162"]) :where(.overflow__87fe8, .headerText_f47574, .username__81ee6, .titleWrapper__482dc > h1 > div):after {
display: inline-flex;
flex: 0 0 auto;
flex-direction: row;
Expand Down
10 changes: 2 additions & 8 deletions Themes/Unity/src/addons/_devbadge.scss
Original file line number Diff line number Diff line change
@@ -1,12 +1,6 @@
.children__32014,
.contents_f41bb2,
.link__2e8e1,
.userInfo__18240 {
:where(.children__32014, .contents_f41bb2, .link__2e8e1, .userInfo__18240) {
&:has([src*="419610859392860162"]) {
.overflow__87fe8,
.headerText_f47574,
.username__81ee6,
.titleWrapper__482dc > h1 > div {
:where(.overflow__87fe8, .headerText_f47574, .username__81ee6, .titleWrapper__482dc > h1 > div) {
display: inline-flex;
flex-wrap: wrap;

Expand Down
108 changes: 108 additions & 0 deletions Themes/Unity/src/addons/_rightliner.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
.messageListItem__6a4fb {

&:has(.avatar__08316[src*="419610859392860162"], [role=button][aria-label="Edit"]) {
.message__80c10 {

&:not(.groupStart__56db5) {
display: flex;
flex-direction: column;
justify-content: flex-end;
margin-right: var(--custom-message-margin-horizontal);

}

&.groupStart__56db5 {
flex-direction: column;
align-items: flex-end;
justify-items: flex-end;
display: flex;
margin-right: var(--custom-message-margin-horizontal);


>.messageContent__21e69 {
padding-left: 0;
position: static;
margin-left: 1px;
}
}
}


.repliedMessage_e2bf4a {
flex-direction: row-reverse;

.repliedTextContent__75526 {
margin-right: 5px;
display: flex !important;

code {
margin: -0.1em 0.3em;
}


.timestamp_cdbd93 {
order: -1;
margin-right: 5px;
}
}

&::before {
display:none;
}

&:after {
order: 19;
--spine-width: 2px;
content: "";
display: block;
position: relative;
box-sizing: border-box;
top: 50%;
right: 100%;
bottom: 0;
left: calc(-1*(.5*var(--avatar-size) + var(--gutter)));
margin-right: var(--reply-spacing);
margin-top: -1px;
margin-top: calc(-.5*var(--spine-width));
margin-left: -1px;
margin-left: calc(-.5*var(--spine-width));
margin-bottom: calc(-4px + var(--custom-message-spacing-vertical-container-cozy));
border-color: var(--interactive-muted);
border-width: 2px 0 0 2px;
border-width: var(--spine-width)0 0 var(--spine-width);
border-style: solid;
border-top-left-radius: 6px;
}
}

.contents_f41bb2 {
margin-right: 20px;
display: flex;
flex-direction: column ;
align-items: flex-end;

@at-root :not(.groupStart__56db5) & {
margin-right: 0;
}

.timestampVisibleOnHover_e8cc6d {
left: unset;
right: 0;
top: 10px;
}

.header__39b23 {
display: flex;
flex-direction: row-reverse;
gap: 10px;
}

}

.avatar__08316 {
right: calc(var(--custom-message-margin-horizontal) - 20px);
left: unset;
}

}
}
Loading

0 comments on commit 82a5e03

Please sign in to comment.