2019-12-09 03:57:18 +01:00
|
|
|
// Messages
|
2020-01-10 06:35:56 +01:00
|
|
|
.conversation {
|
|
|
|
background: none !important;
|
|
|
|
}
|
|
|
|
.module-conversation-header {
|
2021-09-01 06:29:04 +02:00
|
|
|
background: var(--color-cell-background);
|
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 {
|
2021-08-23 08:32:21 +02:00
|
|
|
position: relative;
|
|
|
|
display: inline-flex;
|
|
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
2021-10-21 08:07:57 +02:00
|
|
|
max-width: 65%;
|
2021-08-23 08:32:21 +02:00
|
|
|
|
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
|
|
|
|
2021-08-23 08:32:21 +02:00
|
|
|
&_text {
|
|
|
|
font-size: 14px;
|
|
|
|
line-height: 18px;
|
|
|
|
text-align: start;
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
word-wrap: break-word;
|
|
|
|
word-break: break-word;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
|
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2020-01-10 06:35:56 +01:00
|
|
|
&__container--incoming {
|
2021-07-20 02:08:09 +02:00
|
|
|
&--opaque {
|
2021-09-01 06:29:04 +02:00
|
|
|
background: var(--color-received-message-background);
|
2021-07-20 02:08:09 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&--transparent {
|
|
|
|
background: none;
|
2019-12-13 02:02:02 +01:00
|
|
|
}
|
2020-08-25 03:25:41 +02:00
|
|
|
|
|
|
|
.module-message__text {
|
2021-09-01 06:29:04 +02:00
|
|
|
color: var(--color-received-message-text);
|
2021-09-20 05:47:59 +02:00
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
svg {
|
|
|
|
margin-right: $session-margin-xs;
|
|
|
|
}
|
2021-09-01 06:29:04 +02:00
|
|
|
|
2020-08-25 03:25:41 +02:00
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
2021-09-01 06:29:04 +02:00
|
|
|
color: var(--color-received-message-text);
|
2020-08-25 03:25:41 +02: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 {
|
2021-09-01 06:29:04 +02:00
|
|
|
background: var(--color-sent-message-background);
|
2021-07-20 02:08:09 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&--transparent {
|
|
|
|
background: none;
|
2019-12-13 02:02:02 +01:00
|
|
|
}
|
2020-08-25 03:25:41 +02:00
|
|
|
|
|
|
|
.module-message__text {
|
2021-09-01 06:29:04 +02:00
|
|
|
color: var(--color-sent-message-text);
|
|
|
|
|
2020-08-25 03:25:41 +02:00
|
|
|
a {
|
|
|
|
text-decoration: underline;
|
2021-09-01 06:29:04 +02:00
|
|
|
color: var(--color-sent-message-text);
|
2020-08-25 03:25:41 +02: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-01-10 06:35:56 +01:00
|
|
|
.inbox {
|
2021-09-01 06:29:04 +02:00
|
|
|
background: var(--color-inbox-background);
|
|
|
|
color: var(--color-text);
|
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 {
|
2021-09-01 06:29:04 +02:00
|
|
|
color: var(--color-text);
|
2019-12-27 00:58:16 +01:00
|
|
|
}
|
2019-12-19 00:05:34 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
@include session-h-title;
|
2021-09-01 06:29:04 +02:00
|
|
|
color: var(--color-text);
|
|
|
|
|
2019-12-19 00:05:34 +01:00
|
|
|
font-size: 22px;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
h3 {
|
|
|
|
@include session-h-title;
|
2021-09-01 06:29:04 +02:00
|
|
|
color: var(--color-text);
|
|
|
|
|
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;
|
2021-09-01 06:29:04 +02:00
|
|
|
color: var(--color-text);
|
|
|
|
|
2019-12-19 01:56:30 +01:00
|
|
|
font-size: 17px;
|
|
|
|
text-align: center;
|
|
|
|
}
|