xmpp.chapril.org-conversejs/src/plugins/muc-views/styles/muc.scss

120 lines
3.8 KiB
SCSS
Raw Normal View History

2021-03-19 11:47:13 +01:00
@import "bootstrap/scss/functions";
@import "bootstrap/scss/variables";
@import "shared/styles/_variables.scss";
@import "plugins/chatview/styles/chatbox.scss";
@import "./muc-forms.scss";
2021-03-19 11:47:13 +01:00
.conversejs {
.chatroom {
width: var(--chatroom-width);
@media screen and (max-height: $mobile-landscape-height){
width: var(--mobile-chat-width);
}
@media screen and (max-width: $mobile-portrait-length) {
width: var(--mobile-chat-width);
}
.box-flyout {
2020-01-28 23:17:46 +01:00
background-color: var(--chatroom-head-bg-color);
2021-04-29 15:10:00 +02:00
overflow-y: hidden;
width: var(--chatroom-width);
@media screen and (max-height: $mobile-landscape-height) {
height: var(--mobile-chat-height);
width: var(--mobile-chat-width);
height: var(--fullpage-chat-height);
}
@media screen and (max-width: $mobile-portrait-length) {
height: var(--mobile-chat-height);
width: var(--mobile-chat-width);
height: var(--fullpage-chat-height);
}
2021-04-29 15:10:00 +02:00
.empty-history-feedback {
position: relative;
span {
width: 100%;
text-align: center;
position: absolute;
margin-top: 50%;
}
}
.chatroom-body {
flex-direction: row;
2018-03-07 10:42:15 +01:00
flex-flow: nowrap;
background-color: white;
border-top: 0;
height: 100%;
width: 100%;
2018-01-25 12:36:13 +01:00
overflow: hidden;
converse-muc-chatarea {
width: 100%;
display: flex;
flex-direction: row;
flex-flow: nowrap;
}
.row {
flex-direction: row;
}
2018-03-07 10:42:15 +01:00
.chat-topic {
font-weight: bold;
2020-01-28 23:17:46 +01:00
color: var(--chatroom-head-bg-color);
2018-03-07 10:42:15 +01:00
}
.chat-info {
color: var(--chat-info-color);
line-height: normal;
2018-03-07 14:36:19 +01:00
&.badge {
color: var(--chat-head-text-color);
2018-03-07 14:36:19 +01:00
}
&.chat-msg--retracted {
color: var(--subdued-color);
}
}
.disconnect-container {
margin: 1em;
width: 100%;
h3.disconnect-msg {
padding-bottom: 1em;
}
}
.chat-area {
display: flex;
flex-direction: column;
flex: 0 1 100%;
2020-01-15 14:23:27 +01:00
justify-content: flex-end;
min-width: 25%;
2020-01-15 14:23:27 +01:00
word-wrap: break-word;
.new-msgs-indicator {
background-color: var(--chatroom-color);
}
.chat-content {
height: 100%;
}
.chat-content__help {
converse-chat-help {
border-top: 1px solid var(--chatroom-color);
}
.close-chat-help {
svg {
fill: var(--chatroom-color);
}
}
}
}
2020-01-27 13:20:23 +01:00
2020-07-08 11:14:53 +02:00
}
}
.room-invite {
.invited-contact {
margin: -1px 0 0 -1px;
width: 100%;
border: 1px solid #999;
}
}
}
}