Removed some unused junk
This commit is contained in:
parent
52efd2fde5
commit
61de8008e5
7 changed files with 0 additions and 923 deletions
|
@ -150,7 +150,6 @@ const loader_style = {
|
||||||
"css/static/modal-connect.css",
|
"css/static/modal-connect.css",
|
||||||
"css/static/modal-channel.css",
|
"css/static/modal-channel.css",
|
||||||
"css/static/modal-query.css",
|
"css/static/modal-query.css",
|
||||||
"css/static/modal-volume.css",
|
|
||||||
"css/static/modal-latency.css",
|
"css/static/modal-latency.css",
|
||||||
"css/static/modal-invite.css",
|
"css/static/modal-invite.css",
|
||||||
"css/static/modal-banlist.css",
|
"css/static/modal-banlist.css",
|
||||||
|
|
|
@ -43,7 +43,6 @@ files=(
|
||||||
"css/static/modal-serverinfobandwidth.css"
|
"css/static/modal-serverinfobandwidth.css"
|
||||||
"css/static/modal-serverinfo.css"
|
"css/static/modal-serverinfo.css"
|
||||||
"css/static/modal-settings.css"
|
"css/static/modal-settings.css"
|
||||||
"css/static/modal-volume.css"
|
|
||||||
"css/static/overlay-image-preview.css"
|
"css/static/overlay-image-preview.css"
|
||||||
|
|
||||||
"css/static/ts/tab.css"
|
"css/static/ts/tab.css"
|
||||||
|
|
|
@ -240,793 +240,6 @@ $bot_thumbnail_height: 9em;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
.container-private-conversations {
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
.conversation-list {
|
|
||||||
margin-right: -2px; /* the fix for the seperator with of 3px */
|
|
||||||
user-select: none;
|
|
||||||
|
|
||||||
overflow-x: hidden;
|
|
||||||
overflow-y: auto;
|
|
||||||
|
|
||||||
@include chat-scrollbar-vertical();
|
|
||||||
|
|
||||||
width: 25%;
|
|
||||||
min-width: 100px;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.no-chats {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
> div {
|
|
||||||
display: inline-block;
|
|
||||||
color: #5a5a5a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.conversation-entry {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
border-bottom: 1px solid #313132;
|
|
||||||
|
|
||||||
.container-avatar {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
margin: 5px 10px 5px 5px;
|
|
||||||
|
|
||||||
.avatar {
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
width: 2em;
|
|
||||||
height: 2em;
|
|
||||||
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-unread {
|
|
||||||
display: none;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
background-color: #a81414;
|
|
||||||
width: 7px;
|
|
||||||
height: 7px;
|
|
||||||
|
|
||||||
border-radius: 50%;
|
|
||||||
|
|
||||||
-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.20);
|
|
||||||
-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.20);
|
|
||||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.20);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.unread {
|
|
||||||
.chat-unread {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.info {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
min-width: 50px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
> * {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.client-name {
|
|
||||||
color: $color_client_normal;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
margin-bottom: -.4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.client-version {
|
|
||||||
max-width: 100%;
|
|
||||||
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
|
|
||||||
.last-message {
|
|
||||||
color: #555353;
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
font-size: .66em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-close {
|
|
||||||
font-size: 2em;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
|
|
||||||
opacity: 0.3;
|
|
||||||
|
|
||||||
width: .5em;
|
|
||||||
height: .5em;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
@include transition(opacity $button_hover_animation_time ease-in-out);
|
|
||||||
|
|
||||||
&:before, &:after {
|
|
||||||
position: absolute;
|
|
||||||
left: .25em;
|
|
||||||
content: ' ';
|
|
||||||
height: .5em;
|
|
||||||
width: .05em;
|
|
||||||
background-color: #5a5a5a;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
transform: rotate(45deg);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
transform: rotate(-45deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #393939;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.selected {
|
|
||||||
background-color: #2c2c2c;
|
|
||||||
}
|
|
||||||
@include transition(background-color $button_hover_animation_time ease-in-out);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.conversation {
|
|
||||||
min-width: 250px;
|
|
||||||
width: 75%;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
.spacer {
|
|
||||||
min-height: 0;
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-messages {
|
|
||||||
@include user-select(none);
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
&[data-simplebar] {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
min-height: 100px;
|
|
||||||
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
|
|
||||||
.message-entry {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
.container-avatar {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
margin: .5em 1em .5em .5em;
|
|
||||||
|
|
||||||
.avatar {
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
width: 2.5em;
|
|
||||||
height: 2.5em;
|
|
||||||
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-message {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
min-width: 2em;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
|
|
||||||
-webkit-user-select: text;
|
|
||||||
-moz-user-select: text;
|
|
||||||
-ms-user-select: text;
|
|
||||||
user-select: text;
|
|
||||||
|
|
||||||
.info {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
white-space : nowrap;
|
|
||||||
overflow : hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
|
|
||||||
margin-top: .5em;
|
|
||||||
|
|
||||||
.client-name, .client-name .htmltag-client {
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
font-weight: bold;
|
|
||||||
color: $color_client_normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timestamp {
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
font-size: 0.66em;
|
|
||||||
color: #5d5b5b;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.message {
|
|
||||||
color: #b5b5b5;
|
|
||||||
line-height: 1.1em;
|
|
||||||
word-wrap: break-word;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.spacer-entry {
|
|
||||||
text-align: center;
|
|
||||||
//padding: .5em 1em;
|
|
||||||
color: #565353;
|
|
||||||
|
|
||||||
&.type-disconnect_self {
|
|
||||||
color: #565353; /* not really critical at all */
|
|
||||||
}
|
|
||||||
|
|
||||||
&.type-new {
|
|
||||||
color: darkred; /* TODO: Evaluate color */
|
|
||||||
}
|
|
||||||
|
|
||||||
&.type-disconnect {
|
|
||||||
color: red; /* TODO: Evaluate color */
|
|
||||||
}
|
|
||||||
|
|
||||||
&.type-reconnect {
|
|
||||||
color: green; /* TODO: Evaluate color */
|
|
||||||
}
|
|
||||||
|
|
||||||
&.type-closed {
|
|
||||||
color: yellow; /* TODO: Evaluate color */
|
|
||||||
}
|
|
||||||
|
|
||||||
&.type-date {
|
|
||||||
color: #565353;
|
|
||||||
background-color: #353535;
|
|
||||||
|
|
||||||
z-index: 2; /* over the avatar */
|
|
||||||
position: sticky;
|
|
||||||
top: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include chat-scrollbar();
|
|
||||||
}
|
|
||||||
|
|
||||||
.chatbox {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: stretch;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
min-height: 2em;
|
|
||||||
|
|
||||||
.container-typing {
|
|
||||||
font-size: .85em;
|
|
||||||
padding-left: .6em;
|
|
||||||
line-height: 1;
|
|
||||||
color: hsla(0, 0%, 30%, 1);
|
|
||||||
|
|
||||||
opacity: 1;
|
|
||||||
|
|
||||||
&.hidden {
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include transition($button_hover_animation_time ease-in-out);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-seperator {
|
|
||||||
z-index: 100;
|
|
||||||
height: unset!important;
|
|
||||||
width: 3px;
|
|
||||||
background-color: transparent;
|
|
||||||
border-right: 1px solid #292a2c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-chatbox {
|
|
||||||
@include user-select(none);
|
|
||||||
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 0;
|
|
||||||
min-height: calc(1.5em + 10px);
|
|
||||||
height: auto; /* fallback */
|
|
||||||
height: min-content;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
padding: 5px;
|
|
||||||
|
|
||||||
.container-emojis {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-end;
|
|
||||||
|
|
||||||
margin-right: 5px;
|
|
||||||
|
|
||||||
.button-emoji {
|
|
||||||
border-radius: 5px;
|
|
||||||
padding: 2px;
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: space-around;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background-color: #393939;
|
|
||||||
}
|
|
||||||
@include transition(background-color $button_hover_animation_time ease-in-out);
|
|
||||||
|
|
||||||
.container-icon {
|
|
||||||
position: absolute;
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
width: calc(1.5em - 4px);
|
|
||||||
height: calc(1.5em - 4px);
|
|
||||||
|
|
||||||
> img {
|
|
||||||
height: 100%;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.lsx-emojipicker-appender {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
width: calc(1.5em - 4px);
|
|
||||||
height: calc(1.5em - 4px);
|
|
||||||
|
|
||||||
.lsx-emojipicker-container {
|
|
||||||
&:after {
|
|
||||||
right: calc(0.75em + 2px) !important
|
|
||||||
}
|
|
||||||
|
|
||||||
.lsx-emojipicker-tabs {
|
|
||||||
height: 38px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: flex-start;
|
|
||||||
|
|
||||||
li {
|
|
||||||
height: 36px;
|
|
||||||
width: 36px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: space-around;
|
|
||||||
|
|
||||||
img {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-input {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: stretch;
|
|
||||||
min-height: 1.5em;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
background-color: #464646;
|
|
||||||
border: 2px none #353535; /* background color (like no border) */
|
|
||||||
|
|
||||||
padding: 0 5px;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: 5px;
|
|
||||||
|
|
||||||
.textarea {
|
|
||||||
@include user-select(text);
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
resize: none;
|
|
||||||
|
|
||||||
min-height: 1.5em;
|
|
||||||
max-height: 6em;
|
|
||||||
height: 1.5em;
|
|
||||||
|
|
||||||
overflow: auto;
|
|
||||||
|
|
||||||
background-color: transparent;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
border: none;
|
|
||||||
outline: none;
|
|
||||||
|
|
||||||
color: #a9a9a9;
|
|
||||||
|
|
||||||
@include chat-scrollbar-vertical();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@include placeholder(textarea) {
|
|
||||||
color: #363535;
|
|
||||||
font-style: oblique;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
margin: -2px;
|
|
||||||
border: 2px solid #474747;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus-within {
|
|
||||||
margin: -2px;
|
|
||||||
border: 2px solid #585858;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include transition(border-color $button_hover_animation_time ease-in-out);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-channel-chat {
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
/* 1.5em + 10px := chatbox; 2em chat */
|
|
||||||
min-height: calc(1.5em + 10px + 2em);
|
|
||||||
|
|
||||||
> .spacer {
|
|
||||||
min-height: 0;
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .container-chat {
|
|
||||||
@include user-select(none);
|
|
||||||
|
|
||||||
padding: 5px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
min-height: 2em;
|
|
||||||
|
|
||||||
.container-channel-chat-messages {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
min-height: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-messages {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
&[data-simplebar] {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
overflow-y: auto;
|
|
||||||
overflow-x: hidden;
|
|
||||||
@include chat-scrollbar();
|
|
||||||
|
|
||||||
min-height: 2em;
|
|
||||||
|
|
||||||
.message-entry {
|
|
||||||
flex-shrink: 0;
|
|
||||||
flex-grow: 0;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
.container-avatar {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
margin: 1em 1em .5em .5em;
|
|
||||||
|
|
||||||
.avatar {
|
|
||||||
overflow: hidden;
|
|
||||||
|
|
||||||
width: 2.5em;
|
|
||||||
height: 2.5em;
|
|
||||||
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-message {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
min-width: 2em;
|
|
||||||
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
display: inline-flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
|
|
||||||
@include user-select(text);
|
|
||||||
|
|
||||||
background: #303030;
|
|
||||||
border-radius: 6px 6px 6px 6px;
|
|
||||||
|
|
||||||
margin-top: .5em;
|
|
||||||
padding: .5em;
|
|
||||||
|
|
||||||
.info {
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
white-space : nowrap;
|
|
||||||
overflow : hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
|
|
||||||
.client-name, .client-name .htmltag-client {
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
font-weight: bold;
|
|
||||||
color: $color_client_normal;
|
|
||||||
}
|
|
||||||
|
|
||||||
.timestamp {
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
font-size: 0.66em;
|
|
||||||
color: #5d5b5b;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-delete {
|
|
||||||
width: 1.1em;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
align-self: auto;
|
|
||||||
|
|
||||||
opacity: .25;
|
|
||||||
|
|
||||||
> img {
|
|
||||||
vertical-align: text-top;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
@include transform(opacity $button_hover_animation_time ease-in-out);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.message {
|
|
||||||
color: #b5b5b5;
|
|
||||||
line-height: 1.1em;
|
|
||||||
|
|
||||||
word-wrap: break-word;
|
|
||||||
|
|
||||||
.htmltag-client, .htmltag-channel {
|
|
||||||
display: inline;
|
|
||||||
|
|
||||||
font-weight: bold;
|
|
||||||
color: $color_client_normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:before {
|
|
||||||
position: absolute;
|
|
||||||
|
|
||||||
content: ' ';
|
|
||||||
|
|
||||||
width: 1em;
|
|
||||||
height: 1em;
|
|
||||||
|
|
||||||
margin-left: calc(-.5em - 1em);
|
|
||||||
border-top: .5em solid transparent;
|
|
||||||
border-right: .75em solid #303030;
|
|
||||||
border-bottom: .5em solid transparent;
|
|
||||||
|
|
||||||
top: 1.25em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.spacer-entry {
|
|
||||||
text-align: center;
|
|
||||||
//padding: .5em 1em;
|
|
||||||
color: #565353;
|
|
||||||
|
|
||||||
&.type-new {
|
|
||||||
color: darkred; /* TODO: Evaluate color */
|
|
||||||
}
|
|
||||||
|
|
||||||
&.type-old {
|
|
||||||
opacity: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
height: 0;
|
|
||||||
@include transition(opacity .25s ease-in-out);
|
|
||||||
&.shown {
|
|
||||||
height: unset;
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
pointer-events: all;
|
|
||||||
|
|
||||||
opacity: 1;
|
|
||||||
@include transition(opacity .25s ease-in-out);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.new-message {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
color: #8b8b8b;
|
|
||||||
|
|
||||||
background: #353535; /* if we dont support gradients */
|
|
||||||
background: linear-gradient(rgba(53, 53, 53, 0) 10%, #353535 70%);
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
opacity: 0;
|
|
||||||
@include transition(opacity .25s ease-in-out);
|
|
||||||
&.shown {
|
|
||||||
cursor: pointer;
|
|
||||||
pointer-events: all;
|
|
||||||
|
|
||||||
opacity: 1;
|
|
||||||
@include transition(opacity .25s ease-in-out);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.no-permissions, .private-conversation, .not-supported {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
bottom: 0;
|
|
||||||
right: 0;
|
|
||||||
left: 0;
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
color: #5a5a5a;
|
|
||||||
background: #353535;
|
|
||||||
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
> div {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
> .container-chatbox {
|
|
||||||
flex-grow: 0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
|
|
||||||
min-height: 2em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-client-info {
|
.container-client-info {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
@ -1386,78 +599,6 @@ $bot_thumbnail_height: 9em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-private-conversations, .container-channel-chat {
|
|
||||||
.container-message .emoji {
|
|
||||||
height: 1.1em;
|
|
||||||
width: 1.1em;
|
|
||||||
|
|
||||||
margin-left: .1em;
|
|
||||||
margin-right: .1em;
|
|
||||||
|
|
||||||
vertical-align: text-bottom;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-format-helper {
|
|
||||||
flex-shrink: 0;
|
|
||||||
flex-grow: 0;
|
|
||||||
|
|
||||||
min-height: unset;
|
|
||||||
height: initial;
|
|
||||||
|
|
||||||
color: #555555;
|
|
||||||
font-size: .8em;
|
|
||||||
text-align: right;
|
|
||||||
margin: -3px 2px 2px 2.5em;
|
|
||||||
|
|
||||||
@include text-dotdotdot();
|
|
||||||
@include transition($button_hover_animation_time ease-in-out);
|
|
||||||
|
|
||||||
max-height: 2em; /* for a smooth transition */
|
|
||||||
&.hidden {
|
|
||||||
max-height: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* special xbbcode formats */
|
|
||||||
.container-message .message {
|
|
||||||
hr {
|
|
||||||
border: none;
|
|
||||||
border-top: .125em solid #555;
|
|
||||||
|
|
||||||
margin-top: .1em;
|
|
||||||
margin-bottom: .1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
th, td {
|
|
||||||
border-color: #1e2025;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr {
|
|
||||||
background-color: #303036;
|
|
||||||
}
|
|
||||||
|
|
||||||
tr:nth-child(2n) {
|
|
||||||
background-color: #25252a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.xbbcode-tag-img {
|
|
||||||
padding: .25em;
|
|
||||||
border-radius: .25em;
|
|
||||||
|
|
||||||
overflow: hidden;
|
|
||||||
max-width: 20em;
|
|
||||||
max-height: 20em;
|
|
||||||
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-music-info {
|
.container-music-info {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
|
@ -83,8 +83,6 @@ html:root {
|
||||||
}
|
}
|
||||||
|
|
||||||
> .channel-tree {
|
> .channel-tree {
|
||||||
padding-top: 5px;
|
|
||||||
|
|
||||||
min-height: 5em;
|
min-height: 5em;
|
||||||
|
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
|
|
@ -1,49 +0,0 @@
|
||||||
@import "mixin";
|
|
||||||
|
|
||||||
.modal-body.modal-volume {
|
|
||||||
@include user-select(none);
|
|
||||||
|
|
||||||
.info {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
.htmltag-client {
|
|
||||||
color: var(--text)!important;
|
|
||||||
margin-left: .25em;
|
|
||||||
}
|
|
||||||
|
|
||||||
div {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: stretch;
|
|
||||||
}
|
|
||||||
|
|
||||||
.value {
|
|
||||||
margin-left: .25em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.container-slider {
|
|
||||||
margin-top: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.buttons {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: stretch;
|
|
||||||
|
|
||||||
margin-top: 2em;
|
|
||||||
|
|
||||||
.spacer {
|
|
||||||
flex-grow: 1;
|
|
||||||
flex-shrink: 1;
|
|
||||||
|
|
||||||
min-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
button:not(:last-of-type) {
|
|
||||||
margin-right: 1em;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
|
@ -5,7 +5,6 @@ import {ChannelEntry} from "tc-shared/ui/channel";
|
||||||
import {ServerEntry} from "tc-shared/ui/server";
|
import {ServerEntry} from "tc-shared/ui/server";
|
||||||
import {openMusicManage} from "tc-shared/ui/modal/ModalMusicManage";
|
import {openMusicManage} from "tc-shared/ui/modal/ModalMusicManage";
|
||||||
import {formatMessage} from "tc-shared/ui/frames/chat";
|
import {formatMessage} from "tc-shared/ui/frames/chat";
|
||||||
import {PrivateConverations} from "tc-shared/ui/frames/side/private_conversations_old";
|
|
||||||
import {ClientInfo} from "tc-shared/ui/frames/side/client_info";
|
import {ClientInfo} from "tc-shared/ui/frames/side/client_info";
|
||||||
import {MusicInfo} from "tc-shared/ui/frames/side/music_info";
|
import {MusicInfo} from "tc-shared/ui/frames/side/music_info";
|
||||||
import {ConversationManager} from "tc-shared/ui/frames/side/ConversationManager";
|
import {ConversationManager} from "tc-shared/ui/frames/side/ConversationManager";
|
||||||
|
|
|
@ -24,16 +24,6 @@ export class ConnectionManager {
|
||||||
private _tag_button_scoll_right: JQuery;
|
private _tag_button_scoll_right: JQuery;
|
||||||
private _tag_button_scoll_left: JQuery;
|
private _tag_button_scoll_left: JQuery;
|
||||||
|
|
||||||
private default_server_state: {
|
|
||||||
microphone_disabled: boolean,
|
|
||||||
speaker_disabled: boolean,
|
|
||||||
away: string | boolean
|
|
||||||
} = {
|
|
||||||
away: false,
|
|
||||||
speaker_disabled: false,
|
|
||||||
microphone_disabled: false
|
|
||||||
};
|
|
||||||
|
|
||||||
constructor(tag: JQuery) {
|
constructor(tag: JQuery) {
|
||||||
this.event_registry = new Registry<ConnectionManagerEvents>();
|
this.event_registry = new Registry<ConnectionManagerEvents>();
|
||||||
this.event_registry.enable_debug("connection-manager");
|
this.event_registry.enable_debug("connection-manager");
|
||||||
|
|
Loading…
Add table
Reference in a new issue