2019-12-09 03:57:18 +01:00
|
|
|
// Messages
|
2020-08-24 04:06:03 +02:00
|
|
|
@import 'themes.scss';
|
2020-01-10 06:35:56 +01:00
|
|
|
|
2020-08-26 02:48:35 +02:00
|
|
|
// body.dark-theme {
|
|
|
|
// @include themify($themes) {
|
|
|
|
// background-color: themed('cellBackground');
|
|
|
|
// }
|
|
|
|
// color: red;
|
|
|
|
|
|
|
|
// background-color: blue
|
|
|
|
// }
|
2020-01-10 06:35:56 +01:00
|
|
|
|
|
|
|
.conversation {
|
|
|
|
background: none !important;
|
|
|
|
}
|
|
|
|
.module-conversation-header {
|
2020-08-25 03:25:41 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
background: themed('cellBackground');
|
2019-12-17 07:35:27 +01:00
|
|
|
}
|
2020-01-10 06:35:56 +01:00
|
|
|
}
|
2020-01-10 05:03:46 +01:00
|
|
|
|
2020-01-10 06:35:56 +01:00
|
|
|
.module-message {
|
2020-08-25 03:25:41 +02:00
|
|
|
&__text-error {
|
|
|
|
font-style: italic;
|
2019-12-09 03:57:18 +01:00
|
|
|
}
|
2019-12-09 03:48:04 +01:00
|
|
|
|
2020-01-10 06:35:56 +01:00
|
|
|
&__container--incoming {
|
2021-07-20 02:08:09 +02:00
|
|
|
&--opaque {
|
|
|
|
@include themify($themes) {
|
|
|
|
background: themed('receivedMessageBackground');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&--transparent {
|
|
|
|
background: none;
|
2019-12-13 02:02:02 +01:00
|
|
|
}
|
2020-08-25 03:25:41 +02:00
|
|
|
|
|
|
|
.module-message__text {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('receivedMessageText');
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('receivedMessageText');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-11-19 01:56:34 +01:00
|
|
|
.module-message__author {
|
2020-08-25 03:25:41 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
@include session-color-subtle(themed('receivedMessageText'));
|
|
|
|
}
|
2019-12-13 02:02:02 +01:00
|
|
|
}
|
2020-01-10 06:35:56 +01:00
|
|
|
}
|
2019-12-09 03:48:04 +01:00
|
|
|
|
2020-01-10 06:35:56 +01:00
|
|
|
&__container--outgoing {
|
2021-07-20 02:08:09 +02:00
|
|
|
&--opaque {
|
|
|
|
@include themify($themes) {
|
|
|
|
background: themed('sentMessageBackground');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&--transparent {
|
|
|
|
background: none;
|
2019-12-13 02:02:02 +01:00
|
|
|
}
|
2020-08-25 03:25:41 +02:00
|
|
|
|
|
|
|
.module-message__text {
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('sentMessageText');
|
|
|
|
}
|
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('sentMessageText');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-11-19 01:56:34 +01:00
|
|
|
.module-message__author {
|
2020-08-25 03:25:41 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
@include session-color-subtle(themed('sentMessageText'));
|
|
|
|
}
|
2019-12-13 02:02:02 +01:00
|
|
|
}
|
2019-12-09 03:57:18 +01:00
|
|
|
}
|
2020-01-10 06:35:56 +01:00
|
|
|
}
|
2019-12-10 06:56:03 +01:00
|
|
|
|
2020-11-19 01:56:34 +01:00
|
|
|
.session-message-wrapper {
|
|
|
|
&.message-highlighted {
|
2020-08-28 08:25:27 +02:00
|
|
|
animation: highlightedMessageAnimation 1s ease-in-out;
|
2020-01-10 06:35:56 +01:00
|
|
|
}
|
2019-12-13 02:02:02 +01:00
|
|
|
|
2020-11-19 01:56:34 +01:00
|
|
|
&.message-selected {
|
2020-01-10 06:35:56 +01:00
|
|
|
.module-message {
|
|
|
|
&__container {
|
2020-08-24 04:06:03 +02:00
|
|
|
@include themify($themes) {
|
2020-08-28 03:20:18 +02:00
|
|
|
box-shadow: themed('sessionShadow');
|
2020-08-24 04:06:03 +02:00
|
|
|
}
|
2019-12-13 02:02:02 +01:00
|
|
|
}
|
2020-11-19 01:56:34 +01:00
|
|
|
}
|
|
|
|
}
|
2019-12-17 07:35:27 +01:00
|
|
|
}
|
2020-01-10 06:35:56 +01:00
|
|
|
|
|
|
|
.inbox {
|
2020-08-24 04:06:03 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
background: themed('inboxBackground');
|
2020-08-26 02:48:35 +02:00
|
|
|
color: themed('textColor');
|
2020-08-24 04:06:03 +02:00
|
|
|
}
|
2020-01-10 06:35:56 +01:00
|
|
|
}
|
|
|
|
|
2019-12-17 07:35:27 +01:00
|
|
|
.conversation {
|
2020-08-26 02:48:35 +02:00
|
|
|
background: none;
|
2019-12-17 07:35:27 +01:00
|
|
|
}
|
|
|
|
|
2019-12-19 00:05:34 +01:00
|
|
|
@mixin session-h-title {
|
2020-04-23 09:41:07 +02:00
|
|
|
@include fontAccentBold();
|
2019-12-19 00:05:34 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
@include session-h-title;
|
2019-12-27 00:58:16 +01:00
|
|
|
color: $session-shade-16;
|
2019-12-19 00:05:34 +01:00
|
|
|
font-size: 25px;
|
|
|
|
margin: 0;
|
2019-12-27 00:58:16 +01:00
|
|
|
|
|
|
|
&.active {
|
2020-08-24 04:06:03 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('textColor');
|
|
|
|
}
|
2019-12-27 00:58:16 +01:00
|
|
|
}
|
2019-12-19 00:05:34 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
@include session-h-title;
|
2020-08-24 06:10:40 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('textColor');
|
|
|
|
}
|
2019-12-19 00:05:34 +01:00
|
|
|
font-size: 22px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
@include session-h-title;
|
2020-08-24 06:10:40 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('textColor');
|
|
|
|
}
|
2019-12-19 00:05:34 +01:00
|
|
|
font-size: 18px;
|
|
|
|
padding-top: 22px;
|
|
|
|
}
|
2019-12-19 01:56:30 +01:00
|
|
|
|
|
|
|
h4 {
|
|
|
|
@include session-h-title;
|
2020-08-24 06:10:40 +02:00
|
|
|
@include themify($themes) {
|
|
|
|
color: themed('textColor');
|
|
|
|
}
|
2019-12-19 01:56:30 +01:00
|
|
|
font-size: 17px;
|
|
|
|
text-align: center;
|
|
|
|
}
|