2021-03-19 11:28:35 +01:00
|
|
|
@import "bootstrap/scss/functions";
|
|
|
|
@import "bootstrap/scss/variables";
|
|
|
|
@import "bootstrap/scss/mixins";
|
|
|
|
|
2021-05-06 12:21:35 +02:00
|
|
|
.conversejs {
|
2021-03-19 11:28:35 +01:00
|
|
|
@import "bootstrap/scss/modal";
|
2019-12-03 11:08:35 +01:00
|
|
|
|
2022-02-19 18:59:38 +01:00
|
|
|
.modal-header {
|
|
|
|
&.alert-danger {
|
|
|
|
background-color: var(--error-color);
|
|
|
|
color: var(--background);
|
|
|
|
border-bottom: none;
|
|
|
|
|
|
|
|
.close {
|
|
|
|
color: var(--background);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-02-11 15:43:24 +01:00
|
|
|
.modal-content {
|
|
|
|
background-color: var(--modal-background-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal-body {
|
|
|
|
.row {
|
|
|
|
margin-left: 0;
|
|
|
|
margin-right: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.occupant-details {
|
|
|
|
li {
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2018-08-20 13:40:26 +02:00
|
|
|
#converse-modals {
|
2019-12-03 11:08:35 +01:00
|
|
|
.modal {
|
2022-09-29 14:26:43 +02:00
|
|
|
.nav-item {
|
|
|
|
margin: 0.25em;
|
2022-12-27 12:46:01 +01:00
|
|
|
.nav-link {
|
|
|
|
&.active {
|
|
|
|
color: var(--background);
|
|
|
|
}
|
|
|
|
}
|
2022-09-29 14:26:43 +02:00
|
|
|
&:hover {
|
|
|
|
.nav-link {
|
2022-12-27 12:46:01 +01:00
|
|
|
color: var(--foreground);
|
2022-09-29 14:26:43 +02:00
|
|
|
background-color: var(--primary-color-light);
|
|
|
|
&.active {
|
2022-12-27 12:46:01 +01:00
|
|
|
color: var(--background);
|
2022-09-29 14:26:43 +02:00
|
|
|
background-color: var(--primary-color);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-01-16 10:17:36 +01:00
|
|
|
.modal-content {
|
|
|
|
box-shadow: var(--raised-el-shadow);
|
|
|
|
}
|
|
|
|
|
2019-12-03 11:08:35 +01:00
|
|
|
.modal-body {
|
|
|
|
overflow-y: auto;
|
|
|
|
max-height: 75vh;
|
|
|
|
margin-bottom: 2em;
|
|
|
|
p {
|
|
|
|
padding: 0.25rem 0;
|
|
|
|
}
|
|
|
|
.confirm {
|
|
|
|
.form-group {
|
|
|
|
p:first-child {
|
|
|
|
font-size: 110%;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
2019-09-24 15:33:41 +02:00
|
|
|
}
|
|
|
|
}
|
2020-07-17 17:20:29 +02:00
|
|
|
&.fit-content {
|
|
|
|
box-sizing: content-box;
|
2020-07-17 18:18:24 +02:00
|
|
|
|
|
|
|
img {
|
|
|
|
max-width: 90vw;
|
|
|
|
}
|
2020-07-17 17:20:29 +02:00
|
|
|
}
|
2019-09-24 15:33:41 +02:00
|
|
|
}
|
2019-12-03 11:08:35 +01:00
|
|
|
.modal-footer {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
2019-12-30 13:23:52 +01:00
|
|
|
.roomid-policy-error {
|
|
|
|
color: var(--error-color);
|
|
|
|
font-size: var(--font-size-small);
|
|
|
|
float: right;
|
|
|
|
}
|
2019-07-04 14:12:12 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.scrollable-container {
|
2020-03-25 13:15:50 +01:00
|
|
|
max-height: 45vh;
|
2019-07-04 14:12:12 +02:00
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.role-form, .affiliation-form {
|
|
|
|
padding: 2em 0 1em 0;
|
|
|
|
}
|
|
|
|
|
2018-08-20 13:40:26 +02:00
|
|
|
.set-xmpp-status {
|
|
|
|
margin: 1em;
|
|
|
|
.custom-control-label {
|
2020-01-23 10:18:41 +01:00
|
|
|
padding-top: 0.25em;
|
2018-08-20 13:40:26 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#omemo-tabpanel {
|
|
|
|
margin-top: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
font-weight: normal;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|