TriHard
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

convert compiled chat shit to tabs

master
Aevann 2023-01-20 06:45:30 +02:00
parent 823e048169
commit cc44dcce2f
2 changed files with 34457 additions and 34457 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

370
files/assets/css/chat_done.css
View File

@ -1,329 +1,329 @@
/* src/App.css */ /* src/App.css */
html, html,
body { body {
overscroll-behavior-y: none; overscroll-behavior-y: none;
} }
html { html {
height: -webkit-fill-available; height: -webkit-fill-available;
} }
body { body {
min-height: 100vh; min-height: 100vh;
min-height: calc(var(--vh, 1vh) * 100); min-height: calc(var(--vh, 1vh) * 100);
overflow: hidden; overflow: hidden;
min-height: -webkit-fill-available; min-height: -webkit-fill-available;
} }
.App { .App {
position: fixed; position: fixed;
width: 100vw; width: 100vw;
display: flex; display: flex;
overflow: hidden; overflow: hidden;
} }
.App-wrapper { .App-wrapper {
flex: 1; flex: 1;
overflow: hidden; overflow: hidden;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
margin: 0 2rem; margin: 0 2rem;
} }
.App-heading { .App-heading {
flex-basis: 3rem; flex-basis: 3rem;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.App-heading small { .App-heading small {
opacity: 0.2; opacity: 0.2;
font-size: 10px; font-size: 10px;
} }
.App-side { .App-side {
height: 100%; height: 100%;
flex: 1; flex: 1;
background: var(--gray-500); background: var(--gray-500);
position: relative; position: relative;
} }
.App-content { .App-content {
position: relative; position: relative;
flex: 3; flex: 3;
height: 62vh; height: 62vh;
height: calc(var(--vh, 1vh) * 70); height: calc(var(--vh, 1vh) * 72);
max-height: 1000px; max-height: 1000px;
overflow: auto; overflow: auto;
-ms-overflow-style: none; -ms-overflow-style: none;
scrollbar-width: none; scrollbar-width: none;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.App-content::-webkit-scrollbar { .App-content::-webkit-scrollbar {
display: none; display: none;
} }
.App-drawer { .App-drawer {
z-index: 2; z-index: 2;
display: flex; display: flex;
background: rgb(var(--background)); background: rgb(var(--background));
height: 100%; height: 100%;
} }
.App-center { .App-center {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} }
.App-bottom-wrapper { .App-bottom-wrapper {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} }
.App-bottom { .App-bottom {
flex: 3; flex: 3;
} }
.App-bottom-dummy { .App-bottom-dummy {
flex: 1; flex: 1;
} }
.App-bottom-extra { .App-bottom-extra {
padding: .25rem; padding: .25rem;
} }
@media screen and (max-width: 1100px) { @media screen and (max-width: 1100px) {
.App-wrapper { .App-wrapper {
margin: 0 auto; margin: 0 auto;
} }
.App-heading { .App-heading {
padding: 0 1rem; padding: 0 1rem;
} }
.App-side { .App-side {
display: none; display: none;
} }
.App-bottom-dummy { .App-bottom-dummy {
display: none; display: none;
} }
.App-bottom-wrapper { .App-bottom-wrapper {
padding-right: 1rem; padding-right: 1rem;
padding-left: 1rem; padding-left: 1rem;
} }
} }
lite-youtube { lite-youtube {
min-width: min(80vw, 500px); min-width: min(80vw, 500px);
} }
.btn-secondary { .btn-secondary {
border: none !important; border: none !important;
} }
.btn-secondary:focus { .btn-secondary:focus {
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
/* src/features/chat/UserList.css */ /* src/features/chat/UserList.css */
.UserList { .UserList {
padding: 1rem; padding: 1rem;
flex: 1; flex: 1;
} }
.UserList-heading { .UserList-heading {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.UserList-heading h5 { .UserList-heading h5 {
margin-right: 2rem; margin-right: 2rem;
} }
.UserList ul { .UserList ul {
max-height: calc(var(--vh, 1vh) * 50); max-height: calc(var(--vh, 1vh) * 50);
overflow: auto; overflow: auto;
} }
.UserList ul::-webkit-scrollbar { .UserList ul::-webkit-scrollbar {
display: none; display: none;
} }
/* src/features/chat/ChatHeading.css */ /* src/features/chat/ChatHeading.css */
.ChatHeading { .ChatHeading {
flex: 1; flex: 1;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.ChatHeading i { .ChatHeading i {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
/* src/features/chat/Username.css */ /* src/features/chat/Username.css */
.Username { .Username {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
} }
.Username > a { .Username > a {
font-weight: bold; font-weight: bold;
margin-left: 8px; margin-left: 8px;
} }
/* src/features/chat/QuotedMessageLink.css */ /* src/features/chat/QuotedMessageLink.css */
.QuotedMessageLink { .QuotedMessageLink {
font-size: 10px; font-size: 10px;
} }
/* src/features/chat/ChatMessage.css */ /* src/features/chat/ChatMessage.css */
.ChatMessage { .ChatMessage {
position: relative; position: relative;
padding-right: 1.5rem; padding-right: 1.5rem;
max-height: 300px; max-height: 300px;
overflow: scroll; overflow: scroll;
} }
.ChatMessage__isDm { .ChatMessage__isDm {
background: var(--gray-800); background: var(--gray-800);
border-top: 1px dashed var(--primary); border-top: 1px dashed var(--primary);
border-bottom: 1px dashed var(--primary); border-bottom: 1px dashed var(--primary);
} }
.ChatMessage__isOptimistic { .ChatMessage__isOptimistic {
opacity: 0.5; opacity: 0.5;
} }
.ChatMessage p { .ChatMessage p {
margin: 0; margin: 0;
} }
.ChatMessage .btn { .ChatMessage .btn {
border: none !important; border: none !important;
} }
.ChatMessage-top { .ChatMessage-top {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.ChatMessage-timestamp { .ChatMessage-timestamp {
margin-left: 0.5rem; margin-left: 0.5rem;
opacity: 0.5; opacity: 0.5;
font-size: 10px; font-size: 10px;
} }
.ChatMessage-bottom { .ChatMessage-bottom {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding-left: 30px; padding-left: 30px;
overflow: hidden; overflow: hidden;
} }
.ChatMessage-content { .ChatMessage-content {
margin-right: 0.5rem; margin-right: 0.5rem;
word-wrap: break-word; word-wrap: break-word;
display: inline-block; display: inline-block;
} }
.ChatMessage-button { .ChatMessage-button {
margin: 0 0.5rem; margin: 0 0.5rem;
} }
.ChatMessage-button i { .ChatMessage-button i {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
.ChatMessage-button__confirmed { .ChatMessage-button__confirmed {
color: red !important; color: red !important;
} }
.ChatMessage-quoted-link { .ChatMessage-quoted-link {
padding-left: 2rem; padding-left: 2rem;
} }
.ChatMessage-actions-button { .ChatMessage-actions-button {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
cursor: pointer; cursor: pointer;
z-index: 5; z-index: 5;
background: none !important; background: none !important;
border: none !important; border: none !important;
box-shadow: none !important; box-shadow: none !important;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.ChatMessage-actions-button button { .ChatMessage-actions-button button {
background: none !important; background: none !important;
border: none !important; border: none !important;
padding: 0 !important; padding: 0 !important;
} }
.ChatMessage-actions-button button i { .ChatMessage-actions-button button i {
position: relative; position: relative;
top: 3px; top: 3px;
margin-right: 1rem; margin-right: 1rem;
} }
.ChatMessage-actions { .ChatMessage-actions {
z-index: 1; z-index: 1;
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
background: rgba(20, 20, 20, 0.85); background: rgba(20, 20, 20, 0.85);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
padding: 1rem; padding: 1rem;
padding-right: 3rem; padding-right: 3rem;
animation: fading-in 0.3s ease-in-out forwards; animation: fading-in 0.3s ease-in-out forwards;
} }
.ChatMessage-actions button { .ChatMessage-actions button {
font-size: 10px; font-size: 10px;
background: none !important; background: none !important;
} }
.ChatMessageList { .ChatMessageList {
flex: 1; flex: 1;
} }
.ChatMessageList-group { .ChatMessageList-group {
margin-bottom: 1rem; margin-bottom: 1rem;
padding: 0.3rem; padding: 0.3rem;
border-radius: 8px; border-radius: 8px;
} }
.ChatMessageList-group:nth-child(even) { .ChatMessageList-group:nth-child(even) {
background: rgba(255, 255, 255, 0.025); background: rgba(255, 255, 255, 0.025);
} }
/* src/drawers/BaseDrawer.css */ /* src/drawers/BaseDrawer.css */
.BaseDrawer { .BaseDrawer {
flex: 1; flex: 1;
padding-right: 2rem; padding-right: 2rem;
overflow: hidden; overflow: hidden;
} }
/* src/features/emoji/EmojiGenres.css */ /* src/features/emoji/EmojiGenres.css */
/* src/features/emoji/EmojiDrawer.css */ /* src/features/emoji/EmojiDrawer.css */
.EmojiDrawer-options { .EmojiDrawer-options {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
/* src/features/chat/UserInput.css */ /* src/features/chat/UserInput.css */
.UserInput { .UserInput {
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
} }
.UserInput-input { .UserInput-input {
flex: 1; flex: 1;
margin-right: 2rem; margin-right: 2rem;
min-height: 50px; min-height: 50px;
height: 50px; height: 50px;
max-height: 50px; max-height: 50px;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.UserInput-input { .UserInput-input {
min-height: 100px !important; min-height: 100px !important;
height: 100px !important; height: 100px !important;
max-height: 100px !important; max-height: 100px !important;
} }
} }
.UserInput-emoji { .UserInput-emoji {
cursor: pointer; cursor: pointer;
font-size: 20px; font-size: 20px;
transform: rotateY(180deg); transform: rotateY(180deg);
margin-right: 1rem; margin-right: 1rem;
} }
/* src/features/chat/UsersTyping.css */ /* src/features/chat/UsersTyping.css */
.UsersTyping { .UsersTyping {
height: 18px; height: 18px;
display: inline-block; display: inline-block;
font-size: 10px; font-size: 10px;
} }
/* src/features/chat/QuotedMessage.css */ /* src/features/chat/QuotedMessage.css */
.QuotedMessage { .QuotedMessage {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.QuotedMessage-content { .QuotedMessage-content {
margin-left: 1rem; margin-left: 1rem;
flex: 1; flex: 1;
max-width: 420px; max-width: 420px;
max-height: 40px; max-height: 40px;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-right: 1rem; margin-right: 1rem;
} }

68544
files/assets/js/chat_done.js
View File

File diff suppressed because it is too large Load Diff