10477 lines
356 KiB
CSS
10477 lines
356 KiB
CSS
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-e4697e39] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.button-vue[data-v-e4697e39] {
|
|
--button-size: var(--default-clickable-area);
|
|
--button-inner-size: calc(var(--button-size) - 4px);
|
|
--button-radius: var(--border-radius-element);
|
|
--button-padding-default: calc(var(--default-grid-baseline) + var(--button-radius));
|
|
--button-padding: var(--default-grid-baseline) var(--button-padding-default);
|
|
color: var(--color-primary-element-light-text);
|
|
background-color: var(--color-primary-element-light);
|
|
border: 1px solid var(--color-primary-element-light-hover);
|
|
border-bottom-width: 2px;
|
|
border-radius: var(--button-radius);
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
width: fit-content;
|
|
overflow: hidden;
|
|
padding-block: 1px 0;
|
|
padding-inline: var(--button-padding);
|
|
min-height: var(--button-size);
|
|
min-width: var(--button-size);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
transition-property: color, border-color, background-color;
|
|
transition-duration: 0.1s;
|
|
transition-timing-function: linear;
|
|
cursor: pointer;
|
|
font-size: var(--default-font-size);
|
|
font-weight: bold;
|
|
}
|
|
.button-vue--size-small[data-v-e4697e39] {
|
|
--button-size: var(--clickable-area-small);
|
|
--button-radius: var(--border-radius-small);
|
|
}
|
|
.button-vue--size-large[data-v-e4697e39] {
|
|
--button-size: var(--clickable-area-large);
|
|
}
|
|
.button-vue[data-v-e4697e39] * {
|
|
cursor: pointer;
|
|
}
|
|
.button-vue[data-v-e4697e39]:focus {
|
|
outline: none;
|
|
}
|
|
.button-vue[data-v-e4697e39]:disabled {
|
|
filter: saturate(0.7);
|
|
opacity: 0.5;
|
|
cursor: default;
|
|
}
|
|
.button-vue[data-v-e4697e39]:disabled * {
|
|
cursor: default;
|
|
}
|
|
.button-vue[data-v-e4697e39]:hover:not(:disabled) {
|
|
background-color: var(--color-primary-element-light-hover);
|
|
}
|
|
.button-vue[data-v-e4697e39]:active {
|
|
background-color: var(--color-primary-element-light);
|
|
}
|
|
.button-vue__wrapper[data-v-e4697e39] {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
}
|
|
.button-vue--end .button-vue__wrapper[data-v-e4697e39] {
|
|
justify-content: end;
|
|
}
|
|
.button-vue--start .button-vue__wrapper[data-v-e4697e39] {
|
|
justify-content: start;
|
|
}
|
|
.button-vue--reverse .button-vue__wrapper[data-v-e4697e39] {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.button-vue--reverse[data-v-e4697e39] {
|
|
--button-padding: var(--button-padding-default) var(--default-grid-baseline);
|
|
}
|
|
.button-vue__icon[data-v-e4697e39] {
|
|
--default-clickable-area: var(--button-inner-size);
|
|
height: var(--button-inner-size);
|
|
width: var(--button-inner-size);
|
|
min-height: var(--button-inner-size);
|
|
min-width: var(--button-inner-size);
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.button-vue__icon[data-v-e4697e39]:empty {
|
|
display: none;
|
|
}
|
|
.button-vue--size-small .button-vue__icon[data-v-e4697e39] > * {
|
|
max-height: 16px;
|
|
max-width: 16px;
|
|
}
|
|
.button-vue--size-small .button-vue__icon[data-v-e4697e39] svg {
|
|
height: 16px;
|
|
width: 16px;
|
|
}
|
|
.button-vue__text[data-v-e4697e39] {
|
|
font-weight: bold;
|
|
margin-bottom: 1px;
|
|
padding: 2px 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.button-vue__text[data-v-e4697e39]:empty {
|
|
display: none;
|
|
}
|
|
.button-vue[data-v-e4697e39]:has(.button-vue__text:empty) {
|
|
--button-padding: var(--button-radius);
|
|
line-height: 1;
|
|
width: var(--button-size) !important;
|
|
}
|
|
.button-vue[data-v-e4697e39]:has(.button-vue__icon:empty) {
|
|
--button-padding: var(--button-padding-default);
|
|
}
|
|
.button-vue:has(.button-vue__icon:empty) .button-vue__text[data-v-e4697e39] {
|
|
padding-inline: var(--default-grid-baseline);
|
|
}
|
|
.button-vue--wide[data-v-e4697e39] {
|
|
width: 100%;
|
|
}
|
|
.button-vue[data-v-e4697e39]:focus-visible {
|
|
outline: 2px solid var(--color-main-text) !important;
|
|
box-shadow: 0 0 0 4px var(--color-main-background) !important;
|
|
}
|
|
.button-vue:focus-visible.button-vue--vue-tertiary-on-primary[data-v-e4697e39] {
|
|
outline: 2px solid var(--color-primary-element-text);
|
|
border-radius: var(--border-radius-element);
|
|
background-color: transparent;
|
|
}
|
|
.button-vue--primary[data-v-e4697e39] {
|
|
background-color: var(--color-primary-element);
|
|
border-color: var(--color-primary-element-hover);
|
|
color: var(--color-primary-element-text);
|
|
}
|
|
.button-vue--primary[data-v-e4697e39]:hover:not(:disabled) {
|
|
background-color: var(--color-primary-element-hover);
|
|
}
|
|
.button-vue--primary[data-v-e4697e39]:active {
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.button-vue--secondary[data-v-e4697e39] {
|
|
background-color: var(--color-primary-element-light);
|
|
border-color: var(--color-primary-element-light-hover);
|
|
color: var(--color-primary-element-light-text);
|
|
}
|
|
.button-vue--secondary[data-v-e4697e39]:hover:not(:disabled) {
|
|
color: var(--color-primary-element-light-text);
|
|
background-color: var(--color-primary-element-light-hover);
|
|
}
|
|
.button-vue--tertiary[data-v-e4697e39] {
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
color: var(--color-main-text);
|
|
}
|
|
.button-vue--tertiary[data-v-e4697e39]:hover:not(:disabled) {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.button-vue--tertiary-no-background[data-v-e4697e39]:hover:not(:disabled) {
|
|
background-color: transparent;
|
|
}
|
|
.button-vue--tertiary-on-primary[data-v-e4697e39] {
|
|
color: var(--color-primary-element-text);
|
|
}
|
|
.button-vue--tertiary-on-primary[data-v-e4697e39]:hover:not(:disabled) {
|
|
background-color: transparent;
|
|
}
|
|
.button-vue--success[data-v-e4697e39] {
|
|
border-color: var(--color-success-hover);
|
|
background-color: var(--color-success);
|
|
color: var(--color-success-text);
|
|
}
|
|
.button-vue--success[data-v-e4697e39]:hover:not(:disabled) {
|
|
background-color: var(--color-success-hover);
|
|
}
|
|
.button-vue--success[data-v-e4697e39]:active {
|
|
background-color: var(--color-success);
|
|
}
|
|
.button-vue--warning[data-v-e4697e39] {
|
|
border-color: var(--color-warning-hover);
|
|
background-color: var(--color-warning);
|
|
color: var(--color-warning-text);
|
|
}
|
|
.button-vue--warning[data-v-e4697e39]:hover:not(:disabled) {
|
|
background-color: var(--color-warning-hover);
|
|
}
|
|
.button-vue--warning[data-v-e4697e39]:active {
|
|
background-color: var(--color-warning);
|
|
}
|
|
.button-vue--error[data-v-e4697e39] {
|
|
border-color: var(--color-error-hover);
|
|
background-color: var(--color-error);
|
|
color: var(--color-error-text);
|
|
}
|
|
.button-vue--error[data-v-e4697e39]:hover:not(:disabled) {
|
|
background-color: var(--color-error-hover);
|
|
}
|
|
.button-vue--error[data-v-e4697e39]:active {
|
|
background-color: var(--color-error);
|
|
}
|
|
.button-vue--legacy[data-v-e4697e39] {
|
|
--button-inner-size: var(--button-size);
|
|
border: none;
|
|
padding-block: 0;
|
|
}
|
|
.button-vue--legacy.button-vue--error[data-v-e4697e39], .button-vue--legacy.button-vue--success[data-v-e4697e39], .button-vue--legacy.button-vue--warning[data-v-e4697e39] {
|
|
color: white;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
body {
|
|
/**
|
|
* Set custom vue-select CSS variables.
|
|
* Needs to be on the body (not :root) for theming to apply (see f7cloud/server#36462)
|
|
*/
|
|
/* Search Input */
|
|
--vs-search-input-color: var(--color-main-text);
|
|
--vs-search-input-bg: var(--color-main-background);
|
|
--vs-search-input-placeholder-color: var(--color-text-maxcontrast);
|
|
/* Font */
|
|
--vs-font-size: var(--default-font-size);
|
|
--vs-line-height: var(--default-line-height);
|
|
/* Disabled State */
|
|
--vs-state-disabled-bg: var(--color-background-hover);
|
|
--vs-state-disabled-color: var(--color-text-maxcontrast);
|
|
--vs-state-disabled-controls-color: var(--color-text-maxcontrast);
|
|
--vs-state-disabled-cursor: not-allowed;
|
|
--vs-disabled-bg: var(--color-background-hover);
|
|
--vs-disabled-color: var(--color-text-maxcontrast);
|
|
--vs-disabled-cursor: not-allowed;
|
|
/* Borders */
|
|
--vs-border-color: var(--color-border-maxcontrast);
|
|
--vs-border-width: var(--border-width-input, 2px) !important;
|
|
--vs-border-style: solid;
|
|
--vs-border-radius: var(--border-radius-element);
|
|
/* Component Controls: Clear, Open Indicator */
|
|
--vs-controls-color: var(--color-main-text);
|
|
/* Selected */
|
|
--vs-selected-bg: var(--color-background-hover);
|
|
--vs-selected-color: var(--color-main-text);
|
|
--vs-selected-border-color: var(--vs-border-color);
|
|
--vs-selected-border-style: var(--vs-border-style);
|
|
--vs-selected-border-width: var(--vs-border-width);
|
|
/* Dropdown */
|
|
--vs-dropdown-bg: var(--color-main-background);
|
|
--vs-dropdown-color: var(--color-main-text);
|
|
--vs-dropdown-z-index: 9999;
|
|
--vs-dropdown-box-shadow: 0px 2px 2px 0px var(--color-box-shadow);
|
|
/* Options */
|
|
--vs-dropdown-option-padding: 8px 20px;
|
|
/* Active State */
|
|
--vs-dropdown-option--active-bg: var(--color-background-hover);
|
|
--vs-dropdown-option--active-color: var(--color-main-text);
|
|
/* Keyboard Focus State */
|
|
--vs-dropdown-option--kb-focus-box-shadow: inset 0px 0px 0px 2px var(--vs-border-color);
|
|
/* Deselect State */
|
|
--vs-dropdown-option--deselect-bg: var(--color-error);
|
|
--vs-dropdown-option--deselect-color: #fff;
|
|
/* Transitions */
|
|
--vs-transition-duration: 0ms;
|
|
/* Actions */
|
|
--vs-actions-padding: 0 8px 0 4px;
|
|
}
|
|
.v-select.select {
|
|
/* Override default vue-select styles */
|
|
min-height: var(--default-clickable-area);
|
|
min-width: 260px;
|
|
margin: 0 0 var(--default-grid-baseline);
|
|
}
|
|
.v-select.select.vs--open {
|
|
--vs-border-width: var(--border-width-input-focused, 2px);
|
|
}
|
|
.v-select.select .select__label {
|
|
display: block;
|
|
margin-bottom: 2px;
|
|
}
|
|
.v-select.select .vs__selected {
|
|
height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width) - var(--default-grid-baseline));
|
|
margin: calc(var(--default-grid-baseline) / 2);
|
|
padding-block: 0;
|
|
padding-inline: 12px 8px;
|
|
border-radius: 16px !important;
|
|
background: var(--color-primary-element-light);
|
|
border: none;
|
|
}
|
|
.v-select.select.vs--open .vs__selected:first-of-type {
|
|
margin-inline-start: calc(var(--default-grid-baseline) / 2 - (var(--border-width-input-focused, 2px) - var(--border-width-input, 2px))) !important;
|
|
}
|
|
.v-select.select .vs__search {
|
|
text-overflow: ellipsis;
|
|
color: var(--color-main-text);
|
|
min-height: unset !important;
|
|
height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width)) !important;
|
|
}
|
|
.v-select.select .vs__search::placeholder {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.v-select.select .vs__search, .v-select.select .vs__search:focus {
|
|
margin: 0;
|
|
}
|
|
.v-select.select .vs__dropdown-toggle {
|
|
position: relative;
|
|
max-height: 100px;
|
|
padding: 0;
|
|
overflow-y: auto;
|
|
}
|
|
.v-select.select .vs__actions {
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
.v-select.select .vs__clear {
|
|
margin-inline-end: 2px;
|
|
}
|
|
.v-select.select.vs--open .vs__dropdown-toggle {
|
|
border-width: var(--border-width-input-focused);
|
|
outline: 2px solid var(--color-main-background);
|
|
border-color: var(--color-main-text);
|
|
border-bottom-color: transparent;
|
|
}
|
|
.v-select.select:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:hover {
|
|
outline: 2px solid var(--color-main-background);
|
|
border-color: var(--color-main-text);
|
|
}
|
|
.v-select.select.vs--disabled .vs__search,
|
|
.v-select.select.vs--disabled .vs__selected {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.v-select.select.vs--disabled .vs__clear,
|
|
.v-select.select.vs--disabled .vs__deselect {
|
|
display: none;
|
|
}
|
|
.v-select.select--no-wrap .vs__selected-options {
|
|
flex-wrap: nowrap;
|
|
overflow: auto;
|
|
min-width: unset;
|
|
}
|
|
.v-select.select--no-wrap .vs__selected-options .vs__selected {
|
|
min-width: unset;
|
|
}
|
|
.v-select.select--drop-up.vs--open .vs__dropdown-toggle {
|
|
border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
|
|
border-top-color: transparent;
|
|
border-bottom-color: var(--color-main-text);
|
|
}
|
|
.v-select.select .vs__selected-options {
|
|
min-height: calc(var(--default-clickable-area) - 2 * var(--vs-border-width));
|
|
}
|
|
.v-select.select .vs__selected-options .vs__selected ~ .vs__search[readonly] {
|
|
position: absolute;
|
|
}
|
|
.v-select.select .vs__selected-options {
|
|
padding: 0 5px;
|
|
}
|
|
.v-select.select.vs--single.vs--loading .vs__selected, .v-select.select.vs--single.vs--open .vs__selected {
|
|
max-width: 100%;
|
|
opacity: 1;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.v-select.select.vs--single .vs__selected-options {
|
|
flex-wrap: nowrap;
|
|
}
|
|
.v-select.select.vs--single .vs__selected {
|
|
background: unset !important;
|
|
}
|
|
.vs__dropdown-menu {
|
|
border-width: var(--border-width-input-focused) !important;
|
|
border-color: var(--color-main-text) !important;
|
|
outline: none !important;
|
|
box-shadow: -2px 0 0 var(--color-main-background), 0 2px 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
|
|
padding: 4px !important;
|
|
}
|
|
.vs__dropdown-menu--floating {
|
|
/* Fallback styles overidden by programmatically set inline styles */
|
|
width: max-content;
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
}
|
|
.vs__dropdown-menu--floating-placement-top {
|
|
border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0 !important;
|
|
border-top-style: var(--vs-border-style) !important;
|
|
border-bottom-style: none !important;
|
|
box-shadow: 0 -2px 0 var(--color-main-background), -2px 0 0 var(--color-main-background), 2px 0 0 var(--color-main-background), !important;
|
|
}
|
|
.vs__dropdown-menu .vs__dropdown-option {
|
|
border-radius: 6px !important;
|
|
}
|
|
.vs__dropdown-menu .vs__no-options {
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-a612f185] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.name-parts[data-v-a612f185] {
|
|
display: flex;
|
|
max-width: 100%;
|
|
cursor: inherit;
|
|
}
|
|
.name-parts__first[data-v-a612f185] {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.name-parts__first[data-v-a612f185], .name-parts__last[data-v-a612f185] {
|
|
white-space: pre;
|
|
cursor: inherit;
|
|
}
|
|
.name-parts__first strong[data-v-a612f185], .name-parts__last strong[data-v-a612f185] {
|
|
font-weight: bold;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-cf399190] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.loading-icon[data-v-cf399190] {
|
|
overflow: hidden;
|
|
}
|
|
.loading-icon svg[data-v-cf399190] {
|
|
animation: rotate var(--animation-duration, 0.8s) linear infinite;
|
|
}
|
|
:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@-webkit-keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));-webkit-animation:vSelectSpinner 1.1s infinite linear;animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}
|
|
|
|
.grid[data-v-26daa2c6]{display:grid;grid-template-columns:3fr 1fr;align-items:flex-end;gap:calc(var(--default-grid-baseline)*2);width:fit-content}.grid__select[data-v-26daa2c6]{min-width:300px !important}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_wpltc_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9, ._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 * {
|
|
box-sizing: border-box;
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 .resize-observer {
|
|
position: absolute;
|
|
top: 0;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
left: 0;
|
|
z-index: -1;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
background-color: transparent;
|
|
pointer-events: none;
|
|
display: block;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9 .resize-observer object {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper {
|
|
z-index: 100000;
|
|
top: 0;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
left: 0;
|
|
display: block !important;
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__wrapper {
|
|
/*
|
|
* In theory, "filter: drop-shadow" would look better here with arrow shadow.
|
|
* In fact, in results in a blurry popover in Chromium on scaling.
|
|
* The hypothesis is that "filter" creates a new composition layer,
|
|
* and with GPU acceleration requires the previous layers content to be rasterized.
|
|
* In combination with translate3d from floating-vue, it makes Chromium to first render and rasterize the popover
|
|
* and then apply scaling, which results in a blurry popover.
|
|
*/
|
|
box-shadow: 0 1px 10px var(--color-box-shadow);
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__inner {
|
|
padding: 0;
|
|
color: var(--color-main-text);
|
|
border-radius: var(--border-radius-element);
|
|
overflow: hidden;
|
|
background: var(--color-main-background);
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper .v-popper__arrow-container {
|
|
position: absolute;
|
|
z-index: 1;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-width: 10px;
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-container {
|
|
bottom: -9px;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
border-bottom-width: 0;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
border-top-color: var(--color-main-background);
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container {
|
|
top: -9px;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
border-top-width: 0;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
border-bottom-color: var(--color-main-background);
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-container {
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
left: -9px;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
border-left-width: 0;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
border-right-color: var(--color-main-background);
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container {
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
right: -9px;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
border-right-width: 0;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
border-left-color: var(--color-main-background);
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=true] {
|
|
visibility: hidden;
|
|
transition: opacity var(--animation-quick), visibility var(--animation-quick);
|
|
opacity: 0;
|
|
}
|
|
._ncPopover_wpltc_20.v-popper--theme-nc-popover-9.v-popper__popper[aria-hidden=false] {
|
|
visibility: visible;
|
|
transition: opacity var(--animation-quick);
|
|
opacity: 1;
|
|
}
|
|
.bots-settings__item[data-v-4af9ab84]{display:grid;grid-template-columns:minmax(50px, 100px) 1fr 2fr minmax(100px, 250px) minmax(50px, 100px);grid-column-gap:5px}.bots-settings__item[data-v-4af9ab84]:not(:last-child){margin-bottom:10px}.bots-settings__item--head[data-v-4af9ab84]{padding-bottom:5px;border-bottom:1px solid var(--color-border);font-weight:bold}.bots-settings__item .bold[data-v-4af9ab84]{font-weight:bold}.bots-settings__item .last-error__popover-content[data-v-4af9ab84]{margin:calc(var(--default-grid-baseline)*2)}.bots-settings__list[data-v-4af9ab84]{margin-bottom:30px}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-a1ac280f] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.checkbox-content[data-v-a1ac280f] {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: row;
|
|
gap: var(--default-grid-baseline);
|
|
user-select: none;
|
|
min-height: var(--default-clickable-area);
|
|
border-radius: var(--checkbox-radio-switch--border-radius);
|
|
padding: var(--default-grid-baseline) calc((var(--default-clickable-area) - var(--icon-height)) / 2);
|
|
width: 100%;
|
|
max-width: fit-content;
|
|
}
|
|
.checkbox-content__wrapper[data-v-a1ac280f] {
|
|
flex: 1 0 0;
|
|
max-width: 100%;
|
|
}
|
|
.checkbox-content__text[data-v-a1ac280f]:empty {
|
|
display: none;
|
|
}
|
|
.checkbox-content-checkbox:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f], .checkbox-content-radio:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f], .checkbox-content-switch:not(.checkbox-content--button-variant) .checkbox-content__icon[data-v-a1ac280f] {
|
|
margin-block: calc((var(--default-clickable-area) - 2 * var(--default-grid-baseline) - var(--icon-height)) / 2) auto;
|
|
}
|
|
.checkbox-content-checkbox:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f], .checkbox-content-radio:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f], .checkbox-content-switch:not(.checkbox-content--button-variant) .checkbox-content__icon--has-description[data-v-a1ac280f] {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-block-end: 0;
|
|
align-self: start;
|
|
}
|
|
.checkbox-content__icon[data-v-a1ac280f] > * {
|
|
width: var(--icon-size);
|
|
height: var(--icon-height);
|
|
color: var(--color-primary-element);
|
|
}
|
|
.checkbox-content__description[data-v-a1ac280f] {
|
|
display: block;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.checkbox-content--button-variant .checkbox-content__icon[data-v-a1ac280f]:not(.checkbox-content__icon--checked) > * {
|
|
color: var(--color-primary-element);
|
|
}
|
|
.checkbox-content--button-variant .checkbox-content__icon--checked[data-v-a1ac280f] > * {
|
|
color: var(--color-primary-element-text);
|
|
}
|
|
.checkbox-content--has-text[data-v-a1ac280f] {
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
}
|
|
.checkbox-content[data-v-a1ac280f], .checkbox-content[data-v-a1ac280f] * {
|
|
cursor: pointer;
|
|
flex-shrink: 0;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-0dcb138a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.checkbox-radio-switch[data-v-0dcb138a] {
|
|
--icon-size: var(--65a7082e);
|
|
--icon-height: var(--20f7d30f);
|
|
--checkbox-radio-switch--border-radius: var(--border-radius-element);
|
|
--checkbox-radio-switch--border-radius-outer: calc(var(--checkbox-radio-switch--border-radius) + 2px);
|
|
display: flex;
|
|
align-items: center;
|
|
color: var(--color-main-text);
|
|
background-color: transparent;
|
|
font-size: var(--default-font-size);
|
|
line-height: var(--default-line-height);
|
|
padding: 0;
|
|
position: relative;
|
|
}
|
|
.checkbox-radio-switch__input[data-v-0dcb138a] {
|
|
position: absolute;
|
|
z-index: -1;
|
|
opacity: 0 !important;
|
|
width: var(--icon-size);
|
|
height: var(--icon-size);
|
|
}
|
|
.checkbox-radio-switch__input:focus-visible + .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch__input[data-v-0dcb138a]:focus-visible {
|
|
outline: 2px solid var(--color-main-text);
|
|
border-color: var(--color-main-background);
|
|
outline-offset: -2px;
|
|
}
|
|
.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-0dcb138a] {
|
|
opacity: 0.5;
|
|
}
|
|
.checkbox-radio-switch--disabled .checkbox-radio-switch__content[data-v-0dcb138a] .checkbox-radio-switch__icon > * {
|
|
color: var(--color-main-text);
|
|
}
|
|
.checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-0dcb138a], .checkbox-radio-switch--disabled .checkbox-radio-switch__content.checkbox-content[data-v-0dcb138a] *:not(a) {
|
|
cursor: default !important;
|
|
}
|
|
.checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch:not(.checkbox-radio-switch--disabled, .checkbox-radio-switch--checked) .checkbox-radio-switch__content[data-v-0dcb138a]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-0dcb138a]:hover {
|
|
background-color: var(--color-primary-element-hover);
|
|
}
|
|
.checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled):focus-within .checkbox-radio-switch__content[data-v-0dcb138a], .checkbox-radio-switch--checked:not(.checkbox-radio-switch--button-variant):not(.checkbox-radio-switch--disabled) .checkbox-radio-switch__content[data-v-0dcb138a]:hover {
|
|
background-color: var(--color-primary-element-light-hover);
|
|
}
|
|
.checkbox-radio-switch-switch[data-v-0dcb138a]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.checkbox-radio-switch-switch.checkbox-radio-switch--disabled.checkbox-radio-switch--checked[data-v-0dcb138a] .checkbox-radio-switch__icon > * {
|
|
color: var(--color-primary-element-light);
|
|
}
|
|
.checkbox-radio-switch--button-variant.checkbox-radio-switch[data-v-0dcb138a] {
|
|
background-color: var(--color-main-background);
|
|
border: 2px solid var(--color-border-maxcontrast);
|
|
overflow: hidden;
|
|
}
|
|
.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked[data-v-0dcb138a] {
|
|
font-weight: bold;
|
|
}
|
|
.checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content[data-v-0dcb138a] {
|
|
background-color: var(--color-primary-element);
|
|
color: var(--color-primary-element-text);
|
|
}
|
|
.checkbox-radio-switch--button-variant[data-v-0dcb138a] .checkbox-radio-switch__text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
width: 100%;
|
|
}
|
|
.checkbox-radio-switch--button-variant[data-v-0dcb138a]:not(.checkbox-radio-switch--checked) .checkbox-radio-switch__icon > * {
|
|
color: var(--color-main-text);
|
|
}
|
|
.checkbox-radio-switch--button-variant[data-v-0dcb138a] .checkbox-radio-switch__icon:empty {
|
|
display: none;
|
|
}
|
|
.checkbox-radio-switch--button-variant[data-v-0dcb138a]:not(.checkbox-radio-switch--button-variant-v-grouped):not(.checkbox-radio-switch--button-variant-h-grouped), .checkbox-radio-switch--button-variant .checkbox-radio-switch__content[data-v-0dcb138a] {
|
|
border-radius: var(--checkbox-radio-switch--border-radius);
|
|
}
|
|
.checkbox-radio-switch[data-v-0dcb138a] {
|
|
/* Special rules for vertical button groups */
|
|
}
|
|
.checkbox-radio-switch--button-variant-v-grouped .checkbox-radio-switch__content[data-v-0dcb138a] {
|
|
flex-basis: 100%;
|
|
max-width: unset;
|
|
}
|
|
.checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:first-of-type {
|
|
border-start-start-radius: var(--checkbox-radio-switch--border-radius-outer);
|
|
border-start-end-radius: var(--checkbox-radio-switch--border-radius-outer);
|
|
}
|
|
.checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:last-of-type {
|
|
border-end-start-radius: var(--checkbox-radio-switch--border-radius-outer);
|
|
border-end-end-radius: var(--checkbox-radio-switch--border-radius-outer);
|
|
}
|
|
.checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:not(:last-of-type) {
|
|
border-bottom: 0 !important;
|
|
}
|
|
.checkbox-radio-switch--button-variant-v-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-0dcb138a] {
|
|
margin-bottom: 2px;
|
|
}
|
|
.checkbox-radio-switch--button-variant-v-grouped[data-v-0dcb138a]:not(:first-of-type) {
|
|
border-top: 0 !important;
|
|
}
|
|
.checkbox-radio-switch[data-v-0dcb138a] {
|
|
/* Special rules for horizontal button groups */
|
|
}
|
|
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:first-of-type {
|
|
border-start-start-radius: var(--checkbox-radio-switch--border-radius-outer);
|
|
border-end-start-radius: var(--checkbox-radio-switch--border-radius-outer);
|
|
}
|
|
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:last-of-type {
|
|
border-start-end-radius: var(--checkbox-radio-switch--border-radius-outer);
|
|
border-end-end-radius: var(--checkbox-radio-switch--border-radius-outer);
|
|
}
|
|
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:not(:last-of-type) {
|
|
border-inline-end: 0 !important;
|
|
}
|
|
.checkbox-radio-switch--button-variant-h-grouped:not(:last-of-type) .checkbox-radio-switch__content[data-v-0dcb138a] {
|
|
margin-inline-end: 2px;
|
|
}
|
|
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a]:not(:first-of-type) {
|
|
border-inline-start: 0 !important;
|
|
}
|
|
.checkbox-radio-switch--button-variant-h-grouped[data-v-0dcb138a] .checkbox-radio-switch__text {
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.checkbox-radio-switch--button-variant-h-grouped .checkbox-radio-switch__content[data-v-0dcb138a] {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin: 0;
|
|
gap: 0;
|
|
}
|
|
small[data-v-3a8d7d0c]{color:var(--color-favorite);border:1px solid var(--color-favorite);border-radius:16px;padding:0 9px}h3[data-v-3a8d7d0c]{margin-top:24px;font-weight:bold}.additional-top-margin[data-v-3a8d7d0c]{margin-top:10px}.form[data-v-3a8d7d0c]{display:flex;align-items:flex-end;gap:10px;padding-top:5px}.form__select[data-v-3a8d7d0c]{min-width:300px !important}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-7e4656f9] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.notecard[data-v-7e4656f9] {
|
|
--note-card-icon-size: 20px;
|
|
--note-card-padding: calc(2 * var(--default-grid-baseline));
|
|
color: var(--color-main-text) !important;
|
|
background-color: var(--note-background) !important;
|
|
border-inline-start: var(--default-grid-baseline) solid var(--note-theme);
|
|
border-radius: var(--border-radius-small);
|
|
margin: 1rem 0;
|
|
padding: var(--note-card-padding);
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--note-card-padding);
|
|
}
|
|
.notecard__heading[data-v-7e4656f9] {
|
|
font-size: var(--note-card-icon-size);
|
|
font-weight: 600;
|
|
}
|
|
.notecard__icon[data-v-7e4656f9] {
|
|
color: var(--note-theme);
|
|
}
|
|
.notecard__icon--heading[data-v-7e4656f9] {
|
|
font-size: var(--note-card-icon-size);
|
|
margin-block: calc((1lh - 1em) / 2) auto;
|
|
}
|
|
.notecard--success[data-v-7e4656f9] {
|
|
--note-background: var(--color-success);
|
|
--note-theme: var(--color-success-text);
|
|
}
|
|
.notecard--info[data-v-7e4656f9] {
|
|
--note-background: var(--color-info);
|
|
--note-theme: var(--color-info-text);
|
|
}
|
|
.notecard--error[data-v-7e4656f9] {
|
|
--note-background: var(--color-error);
|
|
--note-theme: var(--color-error-text);
|
|
}
|
|
.notecard--warning[data-v-7e4656f9] {
|
|
--note-background: var(--color-warning);
|
|
--note-theme: var(--color-warning-text);
|
|
}
|
|
.notecard--legacy[data-v-7e4656f9] {
|
|
background-color: color-mix(in srgb, var(--note-background), var(--color-main-background) 80%) !important;
|
|
color: var(--color-main-text) !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-aaedb1c3] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.icon-vue[data-v-aaedb1c3] {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
min-width: var(--default-clickable-area);
|
|
min-height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
}
|
|
.icon-vue.icon-vue--inline[data-v-aaedb1c3] {
|
|
display: inline-flex !important;
|
|
min-width: fit-content;
|
|
min-height: fit-content;
|
|
vertical-align: text-bottom;
|
|
}
|
|
.icon-vue span[data-v-aaedb1c3] {
|
|
line-height: 0;
|
|
}
|
|
.icon-vue[data-v-aaedb1c3] svg {
|
|
fill: currentColor;
|
|
width: var(--fb515064);
|
|
height: var(--fb515064);
|
|
max-width: var(--fb515064);
|
|
max-height: var(--fb515064);
|
|
}
|
|
.icon-vue--directional[data-v-aaedb1c3] svg:dir(rtl) {
|
|
transform: scaleX(-1);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-330b5e3e] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
li.action[data-v-330b5e3e]:hover, li.action.active[data-v-330b5e3e] {
|
|
border-radius: 6px;
|
|
padding: 0;
|
|
}
|
|
li.action[data-v-330b5e3e]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.action--disabled[data-v-330b5e3e] {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-330b5e3e]:hover, .action--disabled[data-v-330b5e3e]:focus {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-330b5e3e] * {
|
|
opacity: 1 !important;
|
|
}
|
|
.action-button[data-v-330b5e3e] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-weight: normal;
|
|
font-size: var(--default-font-size);
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
.action-button > span[data-v-330b5e3e] {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.action-button__icon[data-v-330b5e3e] {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
background-size: 16px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.action-button[data-v-330b5e3e] .material-design-icon {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
}
|
|
.action-button[data-v-330b5e3e] .material-design-icon .material-design-icon__svg {
|
|
vertical-align: middle;
|
|
}
|
|
.action-button__longtext-wrapper[data-v-330b5e3e], .action-button__longtext[data-v-330b5e3e] {
|
|
max-width: 220px;
|
|
line-height: 1.6em;
|
|
padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
|
|
cursor: pointer;
|
|
text-align: start;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.action-button__longtext[data-v-330b5e3e] {
|
|
cursor: pointer;
|
|
white-space: pre-wrap !important;
|
|
}
|
|
.action-button__name[data-v-330b5e3e] {
|
|
font-weight: bold;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
.action-button__description[data-v-330b5e3e] {
|
|
display: block;
|
|
white-space: pre-wrap;
|
|
font-size: var(--font-size-small);
|
|
line-height: var(--default-line-height);
|
|
color: var(--color-text-maxcontrast);
|
|
cursor: pointer;
|
|
}
|
|
.action-button__menu-icon[data-v-330b5e3e] {
|
|
margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
|
|
}
|
|
.action-button__pressed-icon[data-v-330b5e3e] {
|
|
margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
|
|
}
|
|
.action-button[data-v-330b5e3e] * {
|
|
cursor: pointer;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-f57c2142] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.nc-button-group-base > div[data-v-f57c2142] {
|
|
text-align: center;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] {
|
|
display: flex;
|
|
gap: 4px;
|
|
justify-content: space-between;
|
|
}
|
|
.nc-button-group-base ul.nc-button-group-content li[data-v-f57c2142-s] {
|
|
flex: 1 1;
|
|
}
|
|
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button {
|
|
padding: 0 !important;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active {
|
|
background-color: var(--color-primary-element);
|
|
border-radius: var(--border-radius-element);
|
|
color: var(--color-primary-element-text);
|
|
}
|
|
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:hover, .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:focus, .nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button.action-button--active:focus-within {
|
|
background-color: var(--color-primary-element-hover);
|
|
}
|
|
.nc-button-group-base ul.nc-button-group-content[data-v-f57c2142] .action-button .action-button__pressed-icon {
|
|
display: none;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-1009e96c] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation-caption[data-v-1009e96c] {
|
|
color: var(--color-text-maxcontrast);
|
|
line-height: var(--default-clickable-area);
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
box-shadow: none !important;
|
|
user-select: none;
|
|
pointer-events: none;
|
|
margin-inline-start: 12px;
|
|
padding-inline-end: 14px;
|
|
height: var(--default-clickable-area);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-6099342c] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
li.action[data-v-6099342c]:hover, li.action.active[data-v-6099342c] {
|
|
border-radius: 6px;
|
|
padding: 0;
|
|
}
|
|
li.action[data-v-6099342c]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.action--disabled[data-v-6099342c] {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-6099342c]:hover, .action--disabled[data-v-6099342c]:focus {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-6099342c] * {
|
|
opacity: 1 !important;
|
|
}
|
|
.action-checkbox[data-v-6099342c] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-weight: normal;
|
|
line-height: var(--default-clickable-area);
|
|
/* checkbox/radio fixes */
|
|
}
|
|
.action-checkbox__checkbox[data-v-6099342c] {
|
|
position: absolute;
|
|
inset-inline-start: 0 !important;
|
|
z-index: -1;
|
|
opacity: 0;
|
|
}
|
|
.action-checkbox__label[data-v-6099342c] {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: 0 !important;
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2) !important;
|
|
}
|
|
.action-checkbox__label[data-v-6099342c]::before {
|
|
margin-block: 0 !important;
|
|
margin-inline: calc((var(--default-clickable-area) - 14px) / 2) !important;
|
|
}
|
|
.action-checkbox--disabled[data-v-6099342c],
|
|
.action-checkbox--disabled .action-checkbox__label[data-v-6099342c] {
|
|
cursor: pointer;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-0fc02b30] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/* Default global values */
|
|
button[data-v-0fc02b30]:not(.button-vue),
|
|
input[data-v-0fc02b30]:not([type=range]),
|
|
textarea[data-v-0fc02b30] {
|
|
margin: 0;
|
|
padding: 7px 6px;
|
|
cursor: text;
|
|
color: var(--color-main-text);
|
|
border: 1px solid var(--color-border-dark);
|
|
border-radius: var(--border-radius-element);
|
|
outline: none;
|
|
background-color: var(--color-main-background);
|
|
font-size: 13px;
|
|
}
|
|
button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-0fc02b30],
|
|
input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):hover,
|
|
input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):focus,
|
|
input:not([type=range]):not(:disabled):not(.primary).active[data-v-0fc02b30],
|
|
textarea[data-v-0fc02b30]:not(:disabled):not(.primary):hover,
|
|
textarea[data-v-0fc02b30]:not(:disabled):not(.primary):focus,
|
|
textarea:not(:disabled):not(.primary).active[data-v-0fc02b30] {
|
|
/* active class used for multiselect */
|
|
border-color: var(--color-primary-element);
|
|
outline: none;
|
|
}
|
|
button[data-v-0fc02b30]:not(.button-vue):not(:disabled):not(.primary):active,
|
|
input[data-v-0fc02b30]:not([type=range]):not(:disabled):not(.primary):active,
|
|
textarea[data-v-0fc02b30]:not(:disabled):not(.primary):active {
|
|
color: var(--color-main-text);
|
|
outline: none;
|
|
background-color: var(--color-main-background);
|
|
}
|
|
button[data-v-0fc02b30]:not(.button-vue):disabled,
|
|
input[data-v-0fc02b30]:not([type=range]):disabled,
|
|
textarea[data-v-0fc02b30]:disabled {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
color: var(--color-text-maxcontrast);
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
button[data-v-0fc02b30]:not(.button-vue):required,
|
|
input[data-v-0fc02b30]:not([type=range]):required,
|
|
textarea[data-v-0fc02b30]:required {
|
|
box-shadow: none;
|
|
}
|
|
button[data-v-0fc02b30]:not(.button-vue):invalid,
|
|
input[data-v-0fc02b30]:not([type=range]):invalid,
|
|
textarea[data-v-0fc02b30]:invalid {
|
|
border-color: var(--color-border-error, var(--color-error));
|
|
box-shadow: none !important;
|
|
}
|
|
button[data-v-0fc02b30]:not(.button-vue),
|
|
input[data-v-0fc02b30]:not([type=range]),
|
|
textarea[data-v-0fc02b30] {
|
|
/* Primary action button, use sparingly */
|
|
}
|
|
button:not(.button-vue).primary[data-v-0fc02b30],
|
|
input:not([type=range]).primary[data-v-0fc02b30],
|
|
textarea.primary[data-v-0fc02b30] {
|
|
cursor: pointer;
|
|
color: var(--color-primary-element-text);
|
|
border-color: var(--color-primary-element);
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):hover, button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):focus, button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):active,
|
|
input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):hover,
|
|
input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):focus,
|
|
input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):active,
|
|
textarea.primary[data-v-0fc02b30]:not(:disabled):hover,
|
|
textarea.primary[data-v-0fc02b30]:not(:disabled):focus,
|
|
textarea.primary[data-v-0fc02b30]:not(:disabled):active {
|
|
border-color: var(--color-primary-element-light);
|
|
background-color: var(--color-primary-element-light);
|
|
}
|
|
button:not(.button-vue).primary[data-v-0fc02b30]:not(:disabled):active,
|
|
input:not([type=range]).primary[data-v-0fc02b30]:not(:disabled):active,
|
|
textarea.primary[data-v-0fc02b30]:not(:disabled):active {
|
|
color: var(--color-primary-element-text-dark);
|
|
}
|
|
button:not(.button-vue).primary[data-v-0fc02b30]:disabled,
|
|
input:not([type=range]).primary[data-v-0fc02b30]:disabled,
|
|
textarea.primary[data-v-0fc02b30]:disabled {
|
|
cursor: default;
|
|
color: var(--color-primary-element-text-dark);
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
li.action[data-v-0fc02b30]:hover, li.action.active[data-v-0fc02b30] {
|
|
border-radius: 6px;
|
|
padding: 0;
|
|
}
|
|
li.action[data-v-0fc02b30]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.action--disabled[data-v-0fc02b30] {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-0fc02b30]:hover, .action--disabled[data-v-0fc02b30]:focus {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-0fc02b30] * {
|
|
opacity: 1 !important;
|
|
}
|
|
.action-input[data-v-0fc02b30] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-weight: normal;
|
|
}
|
|
.action-input__icon-wrapper[data-v-0fc02b30] {
|
|
display: flex;
|
|
align-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.action-input__icon-wrapper[data-v-0fc02b30] .material-design-icon {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
}
|
|
.action-input__icon-wrapper[data-v-0fc02b30] .material-design-icon .material-design-icon__svg {
|
|
vertical-align: middle;
|
|
}
|
|
.action-input > span[data-v-0fc02b30] {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.action-input__icon[data-v-0fc02b30] {
|
|
min-width: 0; /* Overwrite icons*/
|
|
min-height: 0;
|
|
padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
background-size: 16px;
|
|
}
|
|
.action-input__form[data-v-0fc02b30] {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1 1 auto;
|
|
margin: 4px 0;
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
}
|
|
.action-input__container[data-v-0fc02b30] {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.action-input__input-container[data-v-0fc02b30] {
|
|
display: flex;
|
|
}
|
|
.action-input__input-container .colorpicker__trigger[data-v-0fc02b30], .action-input__input-container .colorpicker__preview[data-v-0fc02b30] {
|
|
width: 100%;
|
|
}
|
|
.action-input__input-container .colorpicker__preview[data-v-0fc02b30] {
|
|
width: 100%;
|
|
height: 36px;
|
|
border-radius: var(--border-radius-element);
|
|
border: 2px solid var(--color-border-maxcontrast);
|
|
box-shadow: none !important;
|
|
}
|
|
.action-input__text-label[data-v-0fc02b30] {
|
|
padding: 4px 0;
|
|
display: block;
|
|
}
|
|
.action-input__text-label--hidden[data-v-0fc02b30] {
|
|
position: absolute;
|
|
inset-inline-start: 0;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
z-index: -1;
|
|
opacity: 0;
|
|
}
|
|
.action-input__datetimepicker[data-v-0fc02b30] {
|
|
width: 100%;
|
|
}
|
|
.action-input__datetimepicker[data-v-0fc02b30] .mx-input {
|
|
margin: 0;
|
|
}
|
|
.action-input__multi[data-v-0fc02b30] {
|
|
width: 100%;
|
|
}
|
|
li:last-child > .action-input[data-v-0fc02b30] {
|
|
padding-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
|
|
}
|
|
li:first-child > .action-input[data-v-0fc02b30]:not(.action-input--visible-label) {
|
|
padding-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-b97e1f7a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.native-datetime-picker[data-v-b97e1f7a] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.native-datetime-picker .native-datetime-picker__label[data-v-b97e1f7a] {
|
|
margin-block-end: 2px;
|
|
}
|
|
.native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a] {
|
|
--input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
|
|
width: 100%;
|
|
flex: 0 0 auto;
|
|
margin: 0;
|
|
padding-inline-start: calc(var(--border-radius-element) + var(--input-border-width-offset));
|
|
padding-inline-end: calc(var(--default-grid-baseline) + var(--input-border-width-offset));
|
|
border: var(--border-width-input, 2px) solid var(--color-border-maxcontrast);
|
|
}
|
|
.native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:active:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:hover:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:focus:not([disabled]), .native-datetime-picker .native-datetime-picker__input[data-v-b97e1f7a]:focus-within:not([disabled]) {
|
|
border-color: var(--color-main-text);
|
|
border-width: var(--border-width-input-focused, 2px);
|
|
box-shadow: 0 0 0 2px var(--color-main-background) !important;
|
|
--input-border-width-offset: 0px;
|
|
}
|
|
[data-theme-light] .native-datetime-picker__input[data-v-b97e1f7a],
|
|
[data-themes*=light] .native-datetime-picker__input[data-v-b97e1f7a] {
|
|
color-scheme: light;
|
|
}
|
|
[data-theme-dark] .native-datetime-picker__input[data-v-b97e1f7a],
|
|
[data-themes*=dark] .native-datetime-picker__input[data-v-b97e1f7a] {
|
|
color-scheme: dark;
|
|
}
|
|
@media (prefers-color-scheme: light) {
|
|
[data-theme-default] .native-datetime-picker__input[data-v-b97e1f7a],
|
|
[data-themes*=default] .native-datetime-picker__input[data-v-b97e1f7a] {
|
|
color-scheme: light;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
[data-theme-default] .native-datetime-picker__input[data-v-b97e1f7a],
|
|
[data-themes*=default] .native-datetime-picker__input[data-v-b97e1f7a] {
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-b2684de6] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
[data-v-b2684de6] .password-field__input--secure-text {
|
|
-webkit-text-security: disc;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-3487c05a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.input-field[data-v-3487c05a] {
|
|
--input-border-color: var(--color-border-maxcontrast);
|
|
--input-border-radius: var(--border-radius-element);
|
|
--input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
|
|
--input-padding-start: var(--border-radius-element);
|
|
--input-padding-end: var(--border-radius-element);
|
|
position: relative;
|
|
width: 100%;
|
|
margin-block-start: 6px;
|
|
}
|
|
.input-field--disabled[data-v-3487c05a] {
|
|
opacity: 0.4;
|
|
filter: saturate(0.4);
|
|
}
|
|
.input-field--label-outside[data-v-3487c05a] {
|
|
margin-block-start: 0;
|
|
}
|
|
.input-field--leading-icon[data-v-3487c05a] {
|
|
--input-padding-start: calc(var(--default-clickable-area) - var(--default-grid-baseline));
|
|
}
|
|
.input-field--trailing-icon[data-v-3487c05a] {
|
|
--input-padding-end: calc(var(--default-clickable-area) - var(--default-grid-baseline));
|
|
}
|
|
.input-field--pill[data-v-3487c05a] {
|
|
--input-border-radius: var(--border-radius-pill);
|
|
}
|
|
.input-field__main-wrapper[data-v-3487c05a] {
|
|
height: var(--default-clickable-area);
|
|
padding: var(--border-width-input, 2px);
|
|
position: relative;
|
|
}
|
|
.input-field__main-wrapper[data-v-3487c05a]:not(:has([disabled])):has(input:focus), .input-field__main-wrapper[data-v-3487c05a]:not(:has([disabled])):has(input:active) {
|
|
padding: 0;
|
|
}
|
|
.input-field__input[data-v-3487c05a] {
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
border: none;
|
|
border-radius: var(--input-border-radius);
|
|
box-shadow: 0 -1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);
|
|
cursor: pointer;
|
|
-webkit-appearance: textfield !important;
|
|
-moz-appearance: textfield !important;
|
|
appearance: textfield !important;
|
|
font-size: var(--default-font-size);
|
|
text-overflow: ellipsis;
|
|
height: 100% !important;
|
|
min-height: unset;
|
|
width: 100%;
|
|
padding-block: var(--input-border-width-offset);
|
|
padding-inline: calc(var(--input-padding-start) + var(--input-border-width-offset)) calc(var(--input-padding-end) + var(--input-border-width-offset));
|
|
}
|
|
.input-field__input[data-v-3487c05a]::placeholder {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.input-field__input[data-v-3487c05a]::-webkit-search-cancel-button {
|
|
display: none;
|
|
}
|
|
.input-field__input[data-v-3487c05a]::-webkit-search-decoration, .input-field__input[data-v-3487c05a]::-webkit-search-results-button, .input-field__input[data-v-3487c05a]::-webkit-search-results-decoration, .input-field__input[data-v-3487c05a]::-ms-clear {
|
|
display: none;
|
|
}
|
|
.input-field__input[data-v-3487c05a]:hover:not([disabled]) {
|
|
box-shadow: 0 0 0 1px var(--input-border-color);
|
|
}
|
|
.input-field__input[data-v-3487c05a]:active:not([disabled]), .input-field__input[data-v-3487c05a]:focus:not([disabled]) {
|
|
--input-border-color: var(--color-main-text);
|
|
--input-border-width-offset: 0px;
|
|
border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
|
|
box-shadow: 0 0 0 2px var(--color-main-background) !important;
|
|
}
|
|
.input-field__input:focus + .input-field__label[data-v-3487c05a], .input-field__input:hover:not(:placeholder-shown) + .input-field__label[data-v-3487c05a] {
|
|
color: var(--color-main-text);
|
|
}
|
|
.input-field__input[data-v-3487c05a]:focus {
|
|
cursor: text;
|
|
}
|
|
.input-field__input[data-v-3487c05a]:disabled {
|
|
cursor: default;
|
|
}
|
|
.input-field__input[data-v-3487c05a]:focus-visible {
|
|
box-shadow: unset !important;
|
|
}
|
|
.input-field:not(.input-field--label-outside) .input-field__input[data-v-3487c05a]:not(:focus)::placeholder {
|
|
opacity: 0;
|
|
}
|
|
.input-field__label[data-v-3487c05a] {
|
|
--input-label-font-size: var(--default-font-size);
|
|
font-size: var(--input-label-font-size);
|
|
position: absolute;
|
|
margin-inline: var(--input-padding-start) var(--input-padding-end);
|
|
max-width: fit-content;
|
|
inset-block-start: calc((var(--default-clickable-area) - 1lh) / 2);
|
|
inset-inline: var(--border-width-input-focused, 2px);
|
|
color: var(--color-text-maxcontrast);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
pointer-events: none;
|
|
transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
|
|
}
|
|
.input-field__input:focus + .input-field__label[data-v-3487c05a], .input-field__input:not(:placeholder-shown) + .input-field__label[data-v-3487c05a] {
|
|
--input-label-font-size: 13px;
|
|
line-height: 1.5;
|
|
inset-block-start: calc(-1.5 * var(--input-label-font-size) / 2);
|
|
font-weight: 500;
|
|
border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
|
|
background-color: var(--color-main-background);
|
|
padding-inline: var(--default-grid-baseline);
|
|
margin-inline: calc(var(--input-padding-start) - var(--default-grid-baseline)) calc(var(--input-padding-end) - var(--default-grid-baseline));
|
|
transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
|
|
}
|
|
.input-field__icon[data-v-3487c05a] {
|
|
position: absolute;
|
|
height: var(--default-clickable-area);
|
|
width: var(--default-clickable-area);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
opacity: 0.7;
|
|
inset-block-end: 0;
|
|
}
|
|
.input-field__icon--leading[data-v-3487c05a] {
|
|
inset-inline-start: 0px;
|
|
}
|
|
.input-field__icon--trailing[data-v-3487c05a] {
|
|
inset-inline-end: 0px;
|
|
}
|
|
.input-field__trailing-button[data-v-3487c05a] {
|
|
--button-size: calc(var(--default-clickable-area) - 2 * var(--border-width-input-focused, 2px)) !important;
|
|
--button-radius: calc(var(--input-border-radius) - var(--border-width-input-focused, 2px));
|
|
}
|
|
.input-field__trailing-button.button-vue[data-v-3487c05a] {
|
|
position: absolute;
|
|
top: var(--border-width-input-focused, 2px);
|
|
inset-inline-end: var(--border-width-input-focused, 2px);
|
|
}
|
|
.input-field__trailing-button.button-vue[data-v-3487c05a]:focus-visible {
|
|
box-shadow: none !important;
|
|
}
|
|
.input-field__helper-text-message[data-v-3487c05a] {
|
|
padding-block: 4px;
|
|
padding-inline: var(--border-radius-element);
|
|
display: flex;
|
|
align-items: center;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.input-field__helper-text-message__icon[data-v-3487c05a] {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.input-field--error .input-field__helper-text-message[data-v-3487c05a],
|
|
.input-field--error .input-field__icon--trailing[data-v-3487c05a] {
|
|
color: var(--color-text-error, var(--color-error));
|
|
}
|
|
.input-field--error .input-field__input[data-v-3487c05a], .input-field__input[data-v-3487c05a]:user-invalid {
|
|
--input-border-color: var(--color-border-error, var(--color-error)) !important;
|
|
}
|
|
.input-field--error .input-field__input[data-v-3487c05a]:focus-visible, .input-field__input[data-v-3487c05a]:user-invalid:focus-visible {
|
|
box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
|
|
}
|
|
.input-field--success .input-field__input[data-v-3487c05a] {
|
|
--input-border-color: var(--color-border-success, var(--color-success)) !important;
|
|
}
|
|
.input-field--success .input-field__input[data-v-3487c05a]:focus-visible {
|
|
box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
|
|
}
|
|
.input-field--success .input-field__helper-text-message__icon[data-v-3487c05a] {
|
|
color: var(--color-border-success, var(--color-success));
|
|
}
|
|
.input-field--legacy .input-field__input[data-v-3487c05a] {
|
|
box-shadow: 0 0 0 1px var(--input-border-color) inset;
|
|
}
|
|
.input-field--legacy .input-field__main-wrapper[data-v-3487c05a]:hover:not(:has([disabled])) {
|
|
padding: 0;
|
|
}
|
|
.input-field--legacy .input-field__main-wrapper:hover:not(:has([disabled])) .input-field__input[data-v-3487c05a] {
|
|
--input-border-color: var(--color-main-text);
|
|
--input-border-width-offset: 0px;
|
|
border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
|
|
box-shadow: 0 0 0 2px var(--color-main-background) !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-9e538838] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
li.action[data-v-9e538838]:hover, li.action.active[data-v-9e538838] {
|
|
border-radius: 6px;
|
|
padding: 0;
|
|
}
|
|
li.action[data-v-9e538838]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.action-link[data-v-9e538838] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-weight: normal;
|
|
font-size: var(--default-font-size);
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
.action-link > span[data-v-9e538838] {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.action-link__icon[data-v-9e538838] {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
background-size: 16px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.action-link[data-v-9e538838] .material-design-icon {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
}
|
|
.action-link[data-v-9e538838] .material-design-icon .material-design-icon__svg {
|
|
vertical-align: middle;
|
|
}
|
|
.action-link__longtext-wrapper[data-v-9e538838], .action-link__longtext[data-v-9e538838] {
|
|
max-width: 220px;
|
|
line-height: 1.6em;
|
|
padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
|
|
cursor: pointer;
|
|
text-align: start;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.action-link__longtext[data-v-9e538838] {
|
|
cursor: pointer;
|
|
white-space: pre-wrap !important;
|
|
}
|
|
.action-link__name[data-v-9e538838] {
|
|
font-weight: bold;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
.action-link__description[data-v-9e538838] {
|
|
display: block;
|
|
white-space: pre-wrap;
|
|
font-size: var(--font-size-small);
|
|
line-height: var(--default-line-height);
|
|
color: var(--color-text-maxcontrast);
|
|
cursor: pointer;
|
|
}
|
|
.action-link__menu-icon[data-v-9e538838] {
|
|
margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-9e878692] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
li.action[data-v-9e878692]:hover, li.action.active[data-v-9e878692] {
|
|
border-radius: 6px;
|
|
padding: 0;
|
|
}
|
|
li.action[data-v-9e878692]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.action--disabled[data-v-9e878692] {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-9e878692]:hover, .action--disabled[data-v-9e878692]:focus {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-9e878692] * {
|
|
opacity: 1 !important;
|
|
}
|
|
.action-radio[data-v-9e878692] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-weight: normal;
|
|
line-height: var(--default-clickable-area);
|
|
/* checkbox/radio fixes */
|
|
}
|
|
.action-radio__radio[data-v-9e878692] {
|
|
position: absolute;
|
|
inset-inline-start: 0 !important;
|
|
z-index: -1;
|
|
opacity: 0;
|
|
}
|
|
.action-radio__label[data-v-9e878692] {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: 0 !important;
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2) !important;
|
|
}
|
|
.action-radio__label[data-v-9e878692]::before {
|
|
margin: calc((var(--default-clickable-area) - 14px) / 2) !important;
|
|
}
|
|
.action-radio--disabled[data-v-9e878692],
|
|
.action-radio--disabled .action-radio__label[data-v-9e878692] {
|
|
cursor: pointer;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-87267750] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
li.action[data-v-87267750]:hover, li.action.active[data-v-87267750] {
|
|
border-radius: 6px;
|
|
padding: 0;
|
|
}
|
|
li.action[data-v-87267750]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.action-router[data-v-87267750] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-weight: normal;
|
|
font-size: var(--default-font-size);
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
.action-router > span[data-v-87267750] {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.action-router__icon[data-v-87267750] {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
background-size: 16px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.action-router[data-v-87267750] .material-design-icon {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
}
|
|
.action-router[data-v-87267750] .material-design-icon .material-design-icon__svg {
|
|
vertical-align: middle;
|
|
}
|
|
.action-router__longtext-wrapper[data-v-87267750], .action-router__longtext[data-v-87267750] {
|
|
max-width: 220px;
|
|
line-height: 1.6em;
|
|
padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
|
|
cursor: pointer;
|
|
text-align: start;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.action-router__longtext[data-v-87267750] {
|
|
cursor: pointer;
|
|
white-space: pre-wrap !important;
|
|
}
|
|
.action-router__name[data-v-87267750] {
|
|
font-weight: bold;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
.action-router__description[data-v-87267750] {
|
|
display: block;
|
|
white-space: pre-wrap;
|
|
font-size: var(--font-size-small);
|
|
line-height: var(--default-line-height);
|
|
color: var(--color-text-maxcontrast);
|
|
cursor: pointer;
|
|
}
|
|
.action-router__menu-icon[data-v-87267750] {
|
|
margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
|
|
}
|
|
.action--disabled[data-v-87267750] {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-87267750]:hover, .action--disabled[data-v-87267750]:focus {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-87267750] * {
|
|
opacity: 1 !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-6c109b7a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.action-items[data-v-6c109b7a] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: calc((var(--default-clickable-area) - 16px) / 2 / 2);
|
|
}
|
|
.action-item[data-v-6c109b7a] {
|
|
--open-background-color: var(--color-background-hover, $action-background-hover);
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.action-item.action-item--primary[data-v-6c109b7a] {
|
|
--open-background-color: var(--color-primary-element-hover);
|
|
}
|
|
.action-item.action-item--secondary[data-v-6c109b7a] {
|
|
--open-background-color: var(--color-primary-element-light-hover);
|
|
}
|
|
.action-item.action-item--error[data-v-6c109b7a] {
|
|
--open-background-color: var(--color-error-hover);
|
|
}
|
|
.action-item.action-item--warning[data-v-6c109b7a] {
|
|
--open-background-color: var(--color-warning-hover);
|
|
}
|
|
.action-item.action-item--success[data-v-6c109b7a] {
|
|
--open-background-color: var(--color-success-hover);
|
|
}
|
|
.action-item.action-item--tertiary-no-background[data-v-6c109b7a] {
|
|
--open-background-color: transparent;
|
|
}
|
|
.action-item.action-item--open .action-item__menutoggle[data-v-6c109b7a] {
|
|
background-color: var(--open-background-color);
|
|
}
|
|
.action-item__menutoggle__icon[data-v-6c109b7a] {
|
|
width: 20px;
|
|
height: 20px;
|
|
object-fit: contain;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.v-popper--theme-nc-popover-9.v-popper__popper.action-item__popper .v-popper__wrapper {
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
.v-popper--theme-nc-popover-9.v-popper__popper.action-item__popper .v-popper__wrapper .v-popper__inner {
|
|
border-radius: var(--border-radius-element);
|
|
padding: 4px;
|
|
max-height: calc(100vh - var(--header-height));
|
|
overflow: auto;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-3e2324b7] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.action-separator[data-v-3e2324b7] {
|
|
height: 0;
|
|
margin: 5px 10px 5px 15px;
|
|
border-bottom: 1px solid var(--color-border-dark);
|
|
cursor: default;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-fa684b48] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
li.action[data-v-fa684b48]:hover, li.action.active[data-v-fa684b48] {
|
|
border-radius: 6px;
|
|
padding: 0;
|
|
}
|
|
li.action[data-v-fa684b48]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.action-text[data-v-fa684b48] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
box-sizing: border-box;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-weight: normal;
|
|
font-size: var(--default-font-size);
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
.action-text > span[data-v-fa684b48] {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.action-text__icon[data-v-fa684b48] {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
background-size: 16px;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.action-text[data-v-fa684b48] .material-design-icon {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
}
|
|
.action-text[data-v-fa684b48] .material-design-icon .material-design-icon__svg {
|
|
vertical-align: middle;
|
|
}
|
|
.action-text__longtext-wrapper[data-v-fa684b48], .action-text__longtext[data-v-fa684b48] {
|
|
max-width: 220px;
|
|
line-height: 1.6em;
|
|
padding: calc((var(--default-clickable-area) - 1.6em) / 2) 0;
|
|
cursor: pointer;
|
|
text-align: start;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.action-text__longtext[data-v-fa684b48] {
|
|
cursor: pointer;
|
|
white-space: pre-wrap !important;
|
|
}
|
|
.action-text__name[data-v-fa684b48] {
|
|
font-weight: bold;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
display: block;
|
|
}
|
|
.action-text__description[data-v-fa684b48] {
|
|
display: block;
|
|
white-space: pre-wrap;
|
|
font-size: var(--font-size-small);
|
|
line-height: var(--default-line-height);
|
|
color: var(--color-text-maxcontrast);
|
|
cursor: pointer;
|
|
}
|
|
.action-text__menu-icon[data-v-fa684b48] {
|
|
margin-inline: auto calc((var(--default-clickable-area) - 16px) / 2 * -1);
|
|
}
|
|
.action--disabled[data-v-fa684b48] {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-fa684b48]:hover, .action--disabled[data-v-fa684b48]:focus {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-fa684b48] * {
|
|
opacity: 1 !important;
|
|
}
|
|
.action-text[data-v-fa684b48],
|
|
.action-text span[data-v-fa684b48] {
|
|
cursor: default;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-c537247a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/* Default global values */
|
|
button[data-v-c537247a]:not(.button-vue),
|
|
input[data-v-c537247a]:not([type=range]),
|
|
textarea[data-v-c537247a] {
|
|
margin: 0;
|
|
padding: 7px 6px;
|
|
cursor: text;
|
|
color: var(--color-main-text);
|
|
border: 1px solid var(--color-border-dark);
|
|
border-radius: var(--border-radius-element);
|
|
outline: none;
|
|
background-color: var(--color-main-background);
|
|
font-size: 13px;
|
|
}
|
|
button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):hover, button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):focus, button:not(.button-vue):not(:disabled):not(.primary).active[data-v-c537247a],
|
|
input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):hover,
|
|
input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):focus,
|
|
input:not([type=range]):not(:disabled):not(.primary).active[data-v-c537247a],
|
|
textarea[data-v-c537247a]:not(:disabled):not(.primary):hover,
|
|
textarea[data-v-c537247a]:not(:disabled):not(.primary):focus,
|
|
textarea:not(:disabled):not(.primary).active[data-v-c537247a] {
|
|
/* active class used for multiselect */
|
|
border-color: var(--color-primary-element);
|
|
outline: none;
|
|
}
|
|
button[data-v-c537247a]:not(.button-vue):not(:disabled):not(.primary):active,
|
|
input[data-v-c537247a]:not([type=range]):not(:disabled):not(.primary):active,
|
|
textarea[data-v-c537247a]:not(:disabled):not(.primary):active {
|
|
color: var(--color-main-text);
|
|
outline: none;
|
|
background-color: var(--color-main-background);
|
|
}
|
|
button[data-v-c537247a]:not(.button-vue):disabled,
|
|
input[data-v-c537247a]:not([type=range]):disabled,
|
|
textarea[data-v-c537247a]:disabled {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
color: var(--color-text-maxcontrast);
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
button[data-v-c537247a]:not(.button-vue):required,
|
|
input[data-v-c537247a]:not([type=range]):required,
|
|
textarea[data-v-c537247a]:required {
|
|
box-shadow: none;
|
|
}
|
|
button[data-v-c537247a]:not(.button-vue):invalid,
|
|
input[data-v-c537247a]:not([type=range]):invalid,
|
|
textarea[data-v-c537247a]:invalid {
|
|
border-color: var(--color-border-error, var(--color-error));
|
|
box-shadow: none !important;
|
|
}
|
|
button[data-v-c537247a]:not(.button-vue),
|
|
input[data-v-c537247a]:not([type=range]),
|
|
textarea[data-v-c537247a] {
|
|
/* Primary action button, use sparingly */
|
|
}
|
|
button:not(.button-vue).primary[data-v-c537247a],
|
|
input:not([type=range]).primary[data-v-c537247a],
|
|
textarea.primary[data-v-c537247a] {
|
|
cursor: pointer;
|
|
color: var(--color-primary-element-text);
|
|
border-color: var(--color-primary-element);
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):hover, button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):focus, button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):active,
|
|
input:not([type=range]).primary[data-v-c537247a]:not(:disabled):hover,
|
|
input:not([type=range]).primary[data-v-c537247a]:not(:disabled):focus,
|
|
input:not([type=range]).primary[data-v-c537247a]:not(:disabled):active,
|
|
textarea.primary[data-v-c537247a]:not(:disabled):hover,
|
|
textarea.primary[data-v-c537247a]:not(:disabled):focus,
|
|
textarea.primary[data-v-c537247a]:not(:disabled):active {
|
|
border-color: var(--color-primary-element-light);
|
|
background-color: var(--color-primary-element-light);
|
|
}
|
|
button:not(.button-vue).primary[data-v-c537247a]:not(:disabled):active,
|
|
input:not([type=range]).primary[data-v-c537247a]:not(:disabled):active,
|
|
textarea.primary[data-v-c537247a]:not(:disabled):active {
|
|
color: var(--color-primary-element-text-dark);
|
|
}
|
|
button:not(.button-vue).primary[data-v-c537247a]:disabled,
|
|
input:not([type=range]).primary[data-v-c537247a]:disabled,
|
|
textarea.primary[data-v-c537247a]:disabled {
|
|
cursor: default;
|
|
color: var(--color-primary-element-text-dark);
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
li.action[data-v-c537247a]:hover, li.action.active[data-v-c537247a] {
|
|
border-radius: 6px;
|
|
padding: 0;
|
|
}
|
|
li.action[data-v-c537247a]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.action--disabled[data-v-c537247a] {
|
|
pointer-events: none;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-c537247a]:hover, .action--disabled[data-v-c537247a]:focus {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
.action--disabled[data-v-c537247a] * {
|
|
opacity: 1 !important;
|
|
}
|
|
.action-text-editable[data-v-c537247a] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
width: 100%;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: transparent;
|
|
box-shadow: none;
|
|
font-weight: normal;
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
.action-text-editable > span[data-v-c537247a] {
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.action-text-editable__icon[data-v-c537247a] {
|
|
min-width: 0; /* Overwrite icons*/
|
|
min-height: 0;
|
|
/* Keep padding to define the width to
|
|
assure correct position of a possible text */
|
|
padding: calc(var(--default-clickable-area) / 2) 0 calc(var(--default-clickable-area) / 2) var(--default-clickable-area);
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
background-size: 16px;
|
|
}
|
|
.action-text-editable[data-v-c537247a] .material-design-icon {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
opacity: 1;
|
|
}
|
|
.action-text-editable[data-v-c537247a] .material-design-icon .material-design-icon__svg {
|
|
vertical-align: middle;
|
|
}
|
|
.action-text-editable__form[data-v-c537247a] {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
position: relative;
|
|
margin: 4px 0;
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
}
|
|
.action-text-editable__submit[data-v-c537247a] {
|
|
position: absolute;
|
|
inset-inline-start: 0;
|
|
top: auto;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
z-index: -1;
|
|
opacity: 0;
|
|
}
|
|
.action-text-editable__label[data-v-c537247a] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
position: absolute;
|
|
inset-inline-end: calc((var(--default-clickable-area) - 16px) / 2 + 1px);
|
|
bottom: 1px;
|
|
width: calc(var(--default-clickable-area) - 8px);
|
|
height: calc(var(--default-clickable-area) - 8px);
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
padding: 7px 6px;
|
|
border: 0;
|
|
border-radius: 50%;
|
|
/* Avoid background under border */
|
|
background-color: var(--color-main-background);
|
|
background-clip: padding-box;
|
|
}
|
|
.action-text-editable__label[data-v-c537247a], .action-text-editable__label[data-v-c537247a] * {
|
|
cursor: pointer;
|
|
}
|
|
.action-text-editable[data-v-c537247a] {
|
|
/* Inputs inside popover supports text, submit & reset */
|
|
}
|
|
.action-text-editable__textarea[data-v-c537247a] {
|
|
flex: 1 1 auto;
|
|
color: inherit;
|
|
border-color: var(--color-border-maxcontrast);
|
|
min-height: calc(var(--default-clickable-area) * 2 - 8px); /* twice the element margin-y */
|
|
max-height: calc(var(--default-clickable-area) * 3 - 8px); /* twice the element margin-y */
|
|
min-width: calc(var(--default-clickable-area) * 4);
|
|
width: 100% !important;
|
|
margin: 0;
|
|
}
|
|
.action-text-editable__textarea[data-v-c537247a]:disabled {
|
|
cursor: default;
|
|
}
|
|
.action-text-editable__textarea[data-v-c537247a] {
|
|
/* only show confirm borders if input is not focused */
|
|
}
|
|
.action-text-editable__textarea:not(:active):not(:hover):not(:focus):invalid + .action-text-editable__label[data-v-c537247a] {
|
|
background-color: var(--color-error);
|
|
}
|
|
.action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:active, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:hover, .action-text-editable__textarea:not(:active):not(:hover):not(:focus):not(:disabled) + .action-text-editable__label[data-v-c537247a]:focus {
|
|
background-color: var(--color-primary-element);
|
|
color: var(--color-primary-element-text);
|
|
}
|
|
.action-text-editable__textarea:active:not(:disabled) + .action-text-editable__label[data-v-c537247a], .action-text-editable__textarea:hover:not(:disabled) + .action-text-editable__label[data-v-c537247a], .action-text-editable__textarea:focus:not(:disabled) + .action-text-editable__label[data-v-c537247a] {
|
|
/* above previous input */
|
|
z-index: 2;
|
|
border-color: var(--color-primary-element);
|
|
border-inline-start-color: transparent;
|
|
}
|
|
li:last-child > .action-text-editable[data-v-c537247a] {
|
|
margin-bottom: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
|
|
}
|
|
li:first-child > .action-text-editable[data-v-c537247a] {
|
|
margin-top: calc((var(--default-clickable-area) - 16px) / 2 - 4px);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-a28923a1] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-details-toggle[data-v-a28923a1] {
|
|
position: sticky;
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
padding: calc((var(--default-clickable-area) - 16px) / 2);
|
|
cursor: pointer;
|
|
opacity: 0.6;
|
|
transform: rotate(180deg);
|
|
background-color: var(--color-main-background);
|
|
z-index: 2000;
|
|
top: var(--app-navigation-padding);
|
|
inset-inline-start: calc(var(--default-clickable-area) + var(--app-navigation-padding) * 2);
|
|
}
|
|
.app-details-toggle--mobile[data-v-a28923a1] {
|
|
inset-inline-start: var(--app-navigation-padding);
|
|
}
|
|
.app-details-toggle[data-v-a28923a1]:active, .app-details-toggle[data-v-a28923a1]:hover, .app-details-toggle[data-v-a28923a1]:focus {
|
|
opacity: 1;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-a2641cc2] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-content[data-v-a2641cc2] {
|
|
position: initial;
|
|
z-index: 1000;
|
|
flex-basis: 100vw;
|
|
height: 100%;
|
|
margin: 0 !important;
|
|
background-color: var(--color-main-background);
|
|
min-width: 0;
|
|
}
|
|
.app-content[data-v-a2641cc2]:not(.app-content--has-list) {
|
|
overflow: auto;
|
|
}
|
|
.app-content-wrapper[data-v-a2641cc2] {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-a2641cc2] .app-content-list {
|
|
display: flex;
|
|
}
|
|
.app-content-wrapper--no-split.app-content-wrapper--show-list[data-v-a2641cc2] .app-content-details {
|
|
display: none;
|
|
}
|
|
.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-a2641cc2] .app-content-list {
|
|
display: none;
|
|
}
|
|
.app-content-wrapper--no-split.app-content-wrapper--show-details[data-v-a2641cc2] .app-content-details {
|
|
display: block;
|
|
}
|
|
[data-v-a2641cc2] .splitpanes.default-theme .app-content-list {
|
|
max-width: none;
|
|
/* Thin scrollbar is hard to catch on resizable columns */
|
|
scrollbar-width: auto;
|
|
}
|
|
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane {
|
|
background-color: transparent;
|
|
transition: none;
|
|
}
|
|
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-list {
|
|
min-width: 300px;
|
|
position: sticky;
|
|
}
|
|
@media only screen and (width < 1024px) {
|
|
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-list {
|
|
display: none;
|
|
}
|
|
}
|
|
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-details {
|
|
overflow-y: auto;
|
|
}
|
|
@media only screen and (width < 1024px) {
|
|
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__pane-details {
|
|
min-width: 100%;
|
|
}
|
|
}
|
|
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter::before,[data-v-a2641cc2] .splitpanes.default-theme .splitpanes__splitter::after {
|
|
background-color: var(--color-border);
|
|
}
|
|
[data-v-a2641cc2] .splitpanes.default-theme.splitpanes--vertical .splitpanes__splitter {
|
|
border-inline-start: 1px solid var(--color-border);
|
|
}
|
|
[data-v-a2641cc2] .splitpanes.default-theme.splitpanes--horizontal .splitpanes__splitter {
|
|
border-top: 1px solid var(--color-border);
|
|
}
|
|
.app-content-wrapper--show-list[data-v-a2641cc2] .app-content-list {
|
|
max-width: none;
|
|
}
|
|
.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane,*:has(.splitpanes--dragging){-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out;will-change:width}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out;will-change:height}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.default-theme.splitpanes .splitpanes__pane{background-color:#f2f2f2}.default-theme.splitpanes .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.default-theme.splitpanes .splitpanes__splitter:before,.default-theme.splitpanes .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.default-theme.splitpanes .splitpanes__splitter:hover:before,.default-theme.splitpanes .splitpanes__splitter:hover:after{background-color:#00000040}.default-theme.splitpanes .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-5a15295d] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation-toggle-wrapper[data-v-5a15295d] {
|
|
position: absolute;
|
|
top: var(--app-navigation-padding);
|
|
inset-inline-end: calc(0px - var(--app-navigation-padding));
|
|
margin-inline-end: calc(-1 * var(--default-clickable-area));
|
|
}
|
|
button.app-navigation-toggle[data-v-5a15295d] {
|
|
background-color: var(--color-main-background);
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation,
|
|
.app-content {
|
|
/** Distance of the app navigation toggle and the first navigation item to the top edge of the app content container */
|
|
--app-navigation-padding: calc(var(--default-grid-baseline, 4px) * 2);
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-d5ce90cd] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation[data-v-d5ce90cd] {
|
|
--color-text-maxcontrast: var(--color-text-maxcontrast-background-blur, var(--color-text-maxcontrast-default));
|
|
transition: transform var(--animation-quick), margin var(--animation-quick);
|
|
width: 300px;
|
|
--app-navigation-max-width: calc(100vw - (var(--app-navigation-padding) + var(--default-clickable-area) + var(--default-grid-baseline)));
|
|
max-width: var(--app-navigation-max-width);
|
|
position: relative;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
padding: 0px;
|
|
z-index: 1800;
|
|
height: 100%;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
background-color: var(--color-main-background-blur, var(--color-main-background));
|
|
-webkit-backdrop-filter: var(--filter-background-blur, none);
|
|
backdrop-filter: var(--filter-background-blur, none);
|
|
}
|
|
.app-navigation--closed[data-v-d5ce90cd] {
|
|
margin-inline-start: calc(-1 * min(300px, var(--app-navigation-max-width)));
|
|
}
|
|
.app-navigation__search[data-v-d5ce90cd] {
|
|
width: 100%;
|
|
}
|
|
.app-navigation__body[data-v-d5ce90cd] {
|
|
overflow-y: scroll;
|
|
}
|
|
.app-navigation__content > ul[data-v-d5ce90cd] {
|
|
position: relative;
|
|
width: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--default-grid-baseline, 4px);
|
|
padding: var(--app-navigation-padding);
|
|
}
|
|
.app-navigation .app-navigation__list[data-v-d5ce90cd] {
|
|
height: 100%;
|
|
}
|
|
.app-navigation__body--no-list[data-v-d5ce90cd] {
|
|
flex: 1 1 auto;
|
|
overflow: auto;
|
|
height: 100%;
|
|
}
|
|
.app-navigation__content[data-v-d5ce90cd] {
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
[data-themes*=highcontrast] .app-navigation[data-v-d5ce90cd] {
|
|
border-inline-end: 1px solid var(--color-border);
|
|
}
|
|
@media only screen and (max-width: 1024px) {
|
|
.app-navigation[data-v-d5ce90cd] {
|
|
position: absolute;
|
|
border-inline-end: 1px solid var(--color-border);
|
|
}
|
|
}
|
|
@media only screen and (max-width: 512px) {
|
|
.app-navigation[data-v-d5ce90cd] {
|
|
z-index: 1400;
|
|
}
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-d72957ed] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation-list[data-v-d72957ed] {
|
|
position: relative;
|
|
width: 100%;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--default-grid-baseline, 4px);
|
|
padding: var(--app-navigation-padding);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-21e6b451] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation-caption[data-v-21e6b451] {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.app-navigation-caption--heading[data-v-21e6b451] {
|
|
padding: var(--app-navigation-padding);
|
|
}
|
|
.app-navigation-caption--heading[data-v-21e6b451]:not(:first-child):not(:last-child) {
|
|
padding: 0 var(--app-navigation-padding);
|
|
}
|
|
.app-navigation-caption__name[data-v-21e6b451] {
|
|
font-weight: bold;
|
|
color: var(--color-main-text);
|
|
font-size: var(--default-font-size);
|
|
line-height: var(--default-clickable-area);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
box-shadow: none !important;
|
|
flex-shrink: 0;
|
|
padding-block: 0;
|
|
padding-inline: calc(var(--default-grid-baseline, 4px) * 2) 0;
|
|
margin-top: 0px;
|
|
margin-bottom: var(--default-grid-baseline);
|
|
}
|
|
.app-navigation-caption__actions[data-v-21e6b451] {
|
|
flex: 0 0 var(--default-clickable-area);
|
|
}
|
|
.app-navigation-caption[data-v-21e6b451]:not(:first-child) {
|
|
margin-top: calc(var(--default-clickable-area) / 2);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-04a313f4] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation-entry__icon-bullet[data-v-04a313f4] {
|
|
display: block;
|
|
padding: calc((var(--default-clickable-area) - 16px) / 2 + 1px);
|
|
}
|
|
.app-navigation-entry__icon-bullet div[data-v-04a313f4] {
|
|
width: 14px;
|
|
height: 14px;
|
|
cursor: pointer;
|
|
transition: background 100ms ease-in-out;
|
|
border: none;
|
|
border-radius: 50%;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-e6236e50] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.icon-collapse[data-v-e6236e50] {
|
|
position: relative;
|
|
inset-inline-end: 0;
|
|
}
|
|
.icon-collapse[data-v-e6236e50]:hover {
|
|
background-color: var(--color-background-dark) !important;
|
|
}
|
|
.icon-collapse--active[data-v-e6236e50]:hover {
|
|
background-color: var(--color-primary-element) !important;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-d600f829] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2023 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
.app-navigation-entry[data-v-d600f829] {
|
|
position: relative;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
min-height: var(--default-clickable-area);
|
|
transition: background-color var(--animation-quick) ease-in-out;
|
|
transition: background-color 200ms ease-in-out;
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
.app-navigation-entry-wrapper[data-v-d600f829] {
|
|
position: relative;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-d600f829] {
|
|
display: none;
|
|
}
|
|
.app-navigation-entry.active[data-v-d600f829] {
|
|
background-color: var(--color-primary-element) !important;
|
|
}
|
|
.app-navigation-entry.active[data-v-d600f829]:hover {
|
|
background-color: var(--color-primary-element-hover) !important;
|
|
}
|
|
.app-navigation-entry.active .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry.active .app-navigation-entry-button[data-v-d600f829] {
|
|
color: var(--color-primary-element-text) !important;
|
|
}
|
|
.app-navigation-entry[data-v-d600f829]:focus-within, .app-navigation-entry[data-v-d600f829]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-navigation-entry.active .app-navigation-entry__children[data-v-d600f829], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-d600f829], .app-navigation-entry:hover .app-navigation-entry__children[data-v-d600f829] {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-d600f829] {
|
|
display: inline-block;
|
|
}
|
|
.app-navigation-entry .app-navigation-entry__actions[data-v-d600f829]:hover .button-vue {
|
|
background-color: var(--color-background-dark) !important;
|
|
}
|
|
.app-navigation-entry.active .app-navigation-entry__actions[data-v-d600f829]:hover .button-vue {
|
|
background-color: var(--color-primary-element) !important;
|
|
}
|
|
.app-navigation-entry[data-v-d600f829] {
|
|
/* hide deletion/collapse of subitems */
|
|
}
|
|
.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-d600f829] {
|
|
display: none;
|
|
}
|
|
.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-d600f829] {
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button[data-v-d600f829] {
|
|
z-index: 100; /* above the bullet to allow click*/
|
|
display: flex;
|
|
overflow: hidden;
|
|
flex: 1 1 0;
|
|
min-height: var(--default-clickable-area);
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
background-repeat: no-repeat;
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
background-size: 16px 16px;
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-d600f829] {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 0 0 var(--default-clickable-area);
|
|
justify-content: center;
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
background-size: 16px 16px;
|
|
background-repeat: no-repeat;
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-d600f829] {
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-d600f829], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-d600f829] {
|
|
width: calc(100% - var(--default-clickable-area));
|
|
margin: auto;
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link[data-v-d600f829]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-d600f829]:focus-visible {
|
|
box-shadow: 0 0 0 4px var(--color-main-background);
|
|
outline: 2px solid var(--color-main-text);
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
|
|
/* Second level nesting for lists */
|
|
.app-navigation-entry__children[data-v-d600f829] {
|
|
--app-navigation-item-child-offset: 10px;
|
|
position: relative;
|
|
display: flex;
|
|
flex: 0 1 auto;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
gap: var(--default-grid-baseline, 4px);
|
|
padding-inline-start: var(--app-navigation-item-child-offset);
|
|
}
|
|
.app-navigation-entry__children .app-navigation-entry[data-v-d600f829] {
|
|
display: inline-flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-d600f829] {
|
|
--app-navigation-item-child-offset: 0;
|
|
}
|
|
|
|
/* Deleted entries */
|
|
.app-navigation-entry__deleted[data-v-d600f829] {
|
|
display: inline-flex;
|
|
flex: 1 1 0;
|
|
padding-inline-start: calc(var(--default-clickable-area) - (var(--default-clickable-area) - 16px) / 2) !important;
|
|
}
|
|
.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-d600f829] {
|
|
position: relative;
|
|
overflow: hidden;
|
|
flex: 1 1 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
|
|
/* counter and actions */
|
|
.app-navigation-entry__utils[data-v-d600f829] {
|
|
display: flex;
|
|
min-width: var(--default-clickable-area);
|
|
align-items: center;
|
|
flex: 0 1 auto;
|
|
justify-content: flex-end;
|
|
}
|
|
.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-d600f829] {
|
|
display: inline-block;
|
|
}
|
|
.app-navigation-entry__utils[data-v-d600f829] {
|
|
/* counter */
|
|
}
|
|
.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-d600f829] {
|
|
margin-inline-end: calc(var(--default-grid-baseline) * 2);
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 0 1 auto;
|
|
}
|
|
.app-navigation-entry__utils[data-v-d600f829] {
|
|
/* actions */
|
|
}
|
|
.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-d600f829] {
|
|
display: none;
|
|
}
|
|
|
|
/* editing state */
|
|
.app-navigation-entry--editing .app-navigation-entry-edit[data-v-d600f829] {
|
|
z-index: 250;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* deleted state */
|
|
.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-d600f829] {
|
|
z-index: 250;
|
|
transform: translateX(0);
|
|
}
|
|
|
|
/* pinned state */
|
|
.app-navigation-entry--pinned[data-v-d600f829] {
|
|
order: 2;
|
|
margin-top: auto;
|
|
}
|
|
.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-d600f829] {
|
|
margin-top: 0;
|
|
}
|
|
[data-themes*=highcontrast] .app-navigation-entry[data-v-d600f829]:active {
|
|
background-color: var(--color-primary-element-light-hover) !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-dd457d48] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation-input-confirm[data-v-dd457d48] {
|
|
flex: 1 0 100%;
|
|
width: 100%;
|
|
}
|
|
.app-navigation-input-confirm form[data-v-dd457d48] {
|
|
display: flex;
|
|
}
|
|
.app-navigation-input-confirm__input[data-v-dd457d48] {
|
|
height: 34px;
|
|
flex: 1 1 100%;
|
|
font-size: 100% !important;
|
|
margin: 5px !important;
|
|
margin-inline-start: -8px !important;
|
|
padding: 7px !important;
|
|
}
|
|
.app-navigation-input-confirm__input[data-v-dd457d48]:active, .app-navigation-input-confirm__input[data-v-dd457d48]:focus, .app-navigation-input-confirm__input[data-v-dd457d48]:hover {
|
|
outline: none;
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-0ba6c9df] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/* 'New' button */
|
|
.app-navigation-new[data-v-0ba6c9df] {
|
|
display: block;
|
|
padding: calc(var(--default-grid-baseline, 4px) * 2);
|
|
}
|
|
.app-navigation-new button[data-v-0ba6c9df] {
|
|
width: 100%;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-ee07f8f8] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2023 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
.app-navigation-entry[data-v-ee07f8f8] {
|
|
position: relative;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
min-height: var(--default-clickable-area);
|
|
transition: background-color var(--animation-quick) ease-in-out;
|
|
transition: background-color 200ms ease-in-out;
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
.app-navigation-entry-wrapper[data-v-ee07f8f8] {
|
|
position: relative;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
flex-wrap: wrap;
|
|
width: 100%;
|
|
}
|
|
.app-navigation-entry-wrapper.app-navigation-entry--collapsible:not(.app-navigation-entry--opened) > ul[data-v-ee07f8f8] {
|
|
display: none;
|
|
}
|
|
.app-navigation-entry.active[data-v-ee07f8f8] {
|
|
background-color: var(--color-primary-element) !important;
|
|
}
|
|
.app-navigation-entry.active[data-v-ee07f8f8]:hover {
|
|
background-color: var(--color-primary-element-hover) !important;
|
|
}
|
|
.app-navigation-entry.active .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry.active .app-navigation-entry-button[data-v-ee07f8f8] {
|
|
color: var(--color-primary-element-text) !important;
|
|
}
|
|
.app-navigation-entry[data-v-ee07f8f8]:focus-within, .app-navigation-entry[data-v-ee07f8f8]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-navigation-entry.active .app-navigation-entry__children[data-v-ee07f8f8], .app-navigation-entry:focus-within .app-navigation-entry__children[data-v-ee07f8f8], .app-navigation-entry:hover .app-navigation-entry__children[data-v-ee07f8f8] {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.app-navigation-entry.active .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry.app-navigation-entry--deleted .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:focus .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:focus-within .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8], .app-navigation-entry:hover .app-navigation-entry__utils .app-navigation-entry__actions[data-v-ee07f8f8] {
|
|
display: inline-block;
|
|
}
|
|
.app-navigation-entry .app-navigation-entry__actions[data-v-ee07f8f8]:hover .button-vue {
|
|
background-color: var(--color-background-dark) !important;
|
|
}
|
|
.app-navigation-entry.active .app-navigation-entry__actions[data-v-ee07f8f8]:hover .button-vue {
|
|
background-color: var(--color-primary-element) !important;
|
|
}
|
|
.app-navigation-entry[data-v-ee07f8f8] {
|
|
/* hide deletion/collapse of subitems */
|
|
}
|
|
.app-navigation-entry.app-navigation-entry--deleted > ul[data-v-ee07f8f8] {
|
|
display: none;
|
|
}
|
|
.app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry:not(.app-navigation-entry--editing) .app-navigation-entry-button[data-v-ee07f8f8] {
|
|
padding-inline-end: calc((var(--default-clickable-area) - 16px) / 2);
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button[data-v-ee07f8f8] {
|
|
z-index: 100; /* above the bullet to allow click*/
|
|
display: flex;
|
|
overflow: hidden;
|
|
flex: 1 1 0;
|
|
min-height: var(--default-clickable-area);
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
color: var(--color-main-text);
|
|
background-repeat: no-repeat;
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
background-size: 16px 16px;
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry-icon[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry-icon[data-v-ee07f8f8] {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 0 0 var(--default-clickable-area);
|
|
justify-content: center;
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
background-size: 16px 16px;
|
|
background-repeat: no-repeat;
|
|
background-position: calc((var(--default-clickable-area) - 16px) / 2) center;
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link .app-navigation-entry__name[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .app-navigation-entry__name[data-v-ee07f8f8] {
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link .editingContainer[data-v-ee07f8f8], .app-navigation-entry .app-navigation-entry-button .editingContainer[data-v-ee07f8f8] {
|
|
width: calc(100% - var(--default-clickable-area));
|
|
margin: auto;
|
|
}
|
|
.app-navigation-entry .app-navigation-entry-link[data-v-ee07f8f8]:focus-visible, .app-navigation-entry .app-navigation-entry-button[data-v-ee07f8f8]:focus-visible {
|
|
box-shadow: 0 0 0 4px var(--color-main-background);
|
|
outline: 2px solid var(--color-main-text);
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
|
|
/* Second level nesting for lists */
|
|
.app-navigation-entry__children[data-v-ee07f8f8] {
|
|
--app-navigation-item-child-offset: 10px;
|
|
position: relative;
|
|
display: flex;
|
|
flex: 0 1 auto;
|
|
flex-direction: column;
|
|
width: 100%;
|
|
gap: var(--default-grid-baseline, 4px);
|
|
padding-inline-start: var(--app-navigation-item-child-offset);
|
|
}
|
|
.app-navigation-entry__children .app-navigation-entry[data-v-ee07f8f8] {
|
|
display: inline-flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children .app-navigation-entry__children[data-v-ee07f8f8] {
|
|
--app-navigation-item-child-offset: 0;
|
|
}
|
|
|
|
/* Deleted entries */
|
|
.app-navigation-entry__deleted[data-v-ee07f8f8] {
|
|
display: inline-flex;
|
|
flex: 1 1 0;
|
|
padding-inline-start: calc(var(--default-clickable-area) - (var(--default-clickable-area) - 16px) / 2) !important;
|
|
}
|
|
.app-navigation-entry__deleted .app-navigation-entry__deleted-description[data-v-ee07f8f8] {
|
|
position: relative;
|
|
overflow: hidden;
|
|
flex: 1 1 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
line-height: var(--default-clickable-area);
|
|
}
|
|
|
|
/* counter and actions */
|
|
.app-navigation-entry__utils[data-v-ee07f8f8] {
|
|
display: flex;
|
|
min-width: var(--default-clickable-area);
|
|
align-items: center;
|
|
flex: 0 1 auto;
|
|
justify-content: flex-end;
|
|
}
|
|
.app-navigation-entry__utils.app-navigation-entry__utils--display-actions .action-item.app-navigation-entry__actions[data-v-ee07f8f8] {
|
|
display: inline-block;
|
|
}
|
|
.app-navigation-entry__utils[data-v-ee07f8f8] {
|
|
/* counter */
|
|
}
|
|
.app-navigation-entry__utils .app-navigation-entry__counter-wrapper[data-v-ee07f8f8] {
|
|
margin-inline-end: calc(var(--default-grid-baseline) * 2);
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 0 1 auto;
|
|
}
|
|
.app-navigation-entry__utils[data-v-ee07f8f8] {
|
|
/* actions */
|
|
}
|
|
.app-navigation-entry__utils .action-item.app-navigation-entry__actions[data-v-ee07f8f8] {
|
|
display: none;
|
|
}
|
|
|
|
/* editing state */
|
|
.app-navigation-entry--editing .app-navigation-entry-edit[data-v-ee07f8f8] {
|
|
z-index: 250;
|
|
opacity: 1;
|
|
}
|
|
|
|
/* deleted state */
|
|
.app-navigation-entry--deleted .app-navigation-entry-deleted[data-v-ee07f8f8] {
|
|
z-index: 250;
|
|
transform: translateX(0);
|
|
}
|
|
|
|
/* pinned state */
|
|
.app-navigation-entry--pinned[data-v-ee07f8f8] {
|
|
order: 2;
|
|
margin-top: auto;
|
|
}
|
|
.app-navigation-entry--pinned ~ .app-navigation-entry--pinned[data-v-ee07f8f8] {
|
|
margin-top: 0;
|
|
}
|
|
[data-themes*=highcontrast] .app-navigation-entry[data-v-ee07f8f8]:active {
|
|
background-color: var(--color-primary-element-light-hover) !important;
|
|
}
|
|
.app-navigation-new-item__name[data-v-ee07f8f8] {
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
padding-inline-start: 7px;
|
|
font-size: 14px;
|
|
}
|
|
.newItemContainer[data-v-ee07f8f8] {
|
|
width: calc(100% - var(--default-clickable-area));
|
|
margin: auto;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-f37737bd] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-navigation-search[data-v-f37737bd] {
|
|
display: flex;
|
|
gap: var(--app-navigation-padding);
|
|
padding: var(--app-navigation-padding);
|
|
}
|
|
.app-navigation-search--has-actions .app-navigation-search__input[data-v-f37737bd] {
|
|
flex-grow: 1;
|
|
z-index: 3;
|
|
}
|
|
.app-navigation-search__actions[data-v-f37737bd] {
|
|
display: flex;
|
|
gap: var(--default-grid-baseline);
|
|
margin-inline-start: 0;
|
|
max-width: calc(2 * var(--default-clickable-area) + var(--default-grid-baseline));
|
|
max-height: var(--default-clickable-area);
|
|
transition: margin-inline-start var(--animation-quick);
|
|
}
|
|
.app-navigation-search__actions--hidden[data-v-f37737bd] {
|
|
margin-inline-start: calc(-1 * var(--default-clickable-area));
|
|
}
|
|
|
|
._container_fpy51_2 {
|
|
margin-top: auto;
|
|
padding: var(--default-grid-baseline);
|
|
}
|
|
._header_fpy51_7 {
|
|
margin-block: 0 var(--default-grid-baseline);
|
|
margin-inline: var(--default-grid-baseline);
|
|
}
|
|
|
|
/* Overwrite the padding to match NcAppNavigationItem */
|
|
._button_fpy51_13 {
|
|
padding-inline: 0 calc((var(--default-clickable-area) - 16px) / 2) !important;
|
|
.button-vue__text {
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
._content_fpy51_21 {
|
|
display: block;
|
|
padding: 10px;
|
|
|
|
/* prevent scrolled contents from stopping too early */
|
|
margin-bottom: calc(-1 * var(--default-grid-baseline));
|
|
|
|
/* restrict height of settings and make scrollable */
|
|
max-height: 300px;
|
|
overflow-y: auto;
|
|
}
|
|
._animationActive_fpy51_33 {
|
|
transition-duration: var(--animation-slow);
|
|
transition-property: max-height, padding;
|
|
overflow-y: hidden !important;
|
|
}
|
|
._animationStop_fpy51_39 {
|
|
max-height: 0 !important;
|
|
padding: 0 10px !important;
|
|
}
|
|
|
|
|
|
.app-navigation-spacer[data-v-277fa710] {
|
|
flex-shrink: 0;
|
|
height: 22px;
|
|
}
|
|
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_pq4io_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._appSettingsDialogVersion_pq4io_20 {
|
|
--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
|
|
color: var(--color-text-maxcontrast);
|
|
margin-block-end: calc(8 * var(--default-grid-baseline));
|
|
margin-inline: var(--form-element-label-offset);
|
|
}
|
|
._appSettingsDialogVersion__legacy_pq4io_27 {
|
|
margin-inline: 0;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-aed04601] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-settings[data-v-aed04601] .app-settings__navigation {
|
|
min-width: 200px;
|
|
margin-inline-end: calc(4 * var(--default-grid-baseline));
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: relative;
|
|
}
|
|
.app-settings[data-v-aed04601] .app-settings__content {
|
|
padding-inline: calc(4 * var(--default-grid-baseline));
|
|
}
|
|
.navigation-list[data-v-aed04601] {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
padding: calc(3 * var(--default-grid-baseline));
|
|
}
|
|
.navigation-list__link[data-v-aed04601] {
|
|
display: flex;
|
|
align-content: center;
|
|
font-size: 16px;
|
|
height: var(--default-clickable-area);
|
|
margin: 4px 0;
|
|
line-height: var(--default-clickable-area);
|
|
border-radius: var(--border-radius-element);
|
|
font-weight: bold;
|
|
padding: 0 calc(4 * var(--default-grid-baseline));
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
background-color: transparent;
|
|
border: none;
|
|
}
|
|
.navigation-list__link[data-v-aed04601]:hover, .navigation-list__link[data-v-aed04601]:focus {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.navigation-list__link--active[data-v-aed04601] {
|
|
background-color: var(--color-primary-element-light) !important;
|
|
}
|
|
.navigation-list__link--icon[data-v-aed04601] {
|
|
padding-inline-start: calc(2 * var(--default-grid-baseline));
|
|
gap: var(--default-grid-baseline);
|
|
}
|
|
.navigation-list__link-icon[data-v-aed04601] {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-content: center;
|
|
width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
|
|
max-width: calc(var(--default-clickable-area) - 2 * var(--default-grid-baseline));
|
|
}
|
|
@media only screen and (max-width: 512px) {
|
|
.app-settings[data-v-aed04601] .dialog__name {
|
|
padding-inline-start: 16px;
|
|
}
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/** When having the small dialog style we override the modal styling so dialogs look more dialog like */
|
|
@media only screen and (max-width: 512px) {
|
|
.dialog__modal .modal-wrapper--small .modal-container {
|
|
width: fit-content;
|
|
height: unset;
|
|
max-height: 90%;
|
|
position: relative;
|
|
top: unset;
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-ca0b8eba] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.dialog[data-v-ca0b8eba] {
|
|
height: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
overflow: hidden;
|
|
}
|
|
.dialog__modal[data-v-ca0b8eba] .modal-wrapper .modal-container {
|
|
display: flex !important;
|
|
padding-block: 4px 0;
|
|
padding-inline: 12px 0;
|
|
}
|
|
.dialog__modal[data-v-ca0b8eba] .modal-wrapper .modal-container__content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}
|
|
.dialog__wrapper[data-v-ca0b8eba] {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex: 1;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
.dialog__wrapper--collapsed[data-v-ca0b8eba] {
|
|
flex-direction: column;
|
|
}
|
|
.dialog__navigation[data-v-ca0b8eba] {
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
}
|
|
.dialog__wrapper:not(.dialog__wrapper--collapsed) .dialog__navigation[data-v-ca0b8eba] {
|
|
flex-direction: column;
|
|
overflow: hidden auto;
|
|
height: 100%;
|
|
min-width: 200px;
|
|
margin-inline-end: 20px;
|
|
}
|
|
.dialog__wrapper.dialog__wrapper--collapsed .dialog__navigation[data-v-ca0b8eba] {
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
overflow: auto hidden;
|
|
width: 100%;
|
|
min-width: 100%;
|
|
}
|
|
.dialog__name[data-v-ca0b8eba] {
|
|
font-size: 21px;
|
|
text-align: center;
|
|
height: fit-content;
|
|
min-height: var(--default-clickable-area);
|
|
line-height: var(--default-clickable-area);
|
|
overflow-wrap: break-word;
|
|
margin-block: 0 12px;
|
|
}
|
|
.dialog__content[data-v-ca0b8eba] {
|
|
flex: 1;
|
|
min-height: 0;
|
|
overflow: auto;
|
|
padding-inline-end: 12px;
|
|
}
|
|
.dialog__text[data-v-ca0b8eba] {
|
|
padding-block-end: 6px;
|
|
}
|
|
.dialog__actions[data-v-ca0b8eba] {
|
|
display: flex;
|
|
gap: 6px;
|
|
align-content: center;
|
|
justify-content: end;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding-inline: 0 12px;
|
|
margin-inline: 0;
|
|
margin-block: 0;
|
|
}
|
|
.dialog__actions[data-v-ca0b8eba]:not(:empty) {
|
|
margin-block: 6px 12px;
|
|
}
|
|
@media only screen and (max-width: 512px) {
|
|
.dialog__name[data-v-ca0b8eba] {
|
|
text-align: start;
|
|
margin-inline-end: var(--default-clickable-area);
|
|
}
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-70dc2566] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.modal-mask[data-v-70dc2566] {
|
|
position: fixed;
|
|
z-index: 9998;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
--backdrop-color: 0, 0, 0;
|
|
background-color: rgba(var(--backdrop-color), 0.5);
|
|
}
|
|
.modal-mask[data-v-70dc2566], .modal-mask[data-v-70dc2566] * {
|
|
box-sizing: border-box;
|
|
}
|
|
.modal-mask--opaque[data-v-70dc2566] {
|
|
background-color: rgba(var(--backdrop-color), 0.92);
|
|
}
|
|
.modal-mask--light[data-v-70dc2566] {
|
|
--backdrop-color: 255, 255, 255;
|
|
}
|
|
.modal-header[data-v-70dc2566] {
|
|
position: absolute;
|
|
z-index: 10001;
|
|
top: 0;
|
|
inset-inline: 0 0;
|
|
display: flex !important;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: var(--header-height);
|
|
overflow: hidden;
|
|
transition: opacity 250ms, visibility 250ms;
|
|
}
|
|
.modal-header__name[data-v-70dc2566] {
|
|
overflow-x: hidden;
|
|
width: 100%;
|
|
padding: 0 calc(var(--default-clickable-area) * 3) 0 12px;
|
|
transition: padding ease 100ms;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
font-size: 16px;
|
|
margin-block: 0;
|
|
}
|
|
@media only screen and (min-width: 1024px) {
|
|
.modal-header__name[data-v-70dc2566] {
|
|
padding-inline-start: calc(var(--default-clickable-area) * 3);
|
|
text-align: center;
|
|
}
|
|
}
|
|
.modal-header .icons-menu[data-v-70dc2566] {
|
|
position: absolute;
|
|
inset-inline-end: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
.modal-header .icons-menu .header-close[data-v-70dc2566] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
|
|
padding: 0;
|
|
}
|
|
.modal-header .icons-menu .play-pause-icons[data-v-70dc2566] {
|
|
position: relative;
|
|
width: var(--header-height);
|
|
height: var(--header-height);
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__play[data-v-70dc2566],
|
|
.modal-header .icons-menu .play-pause-icons:hover .play-pause-icons__pause[data-v-70dc2566], .modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__play[data-v-70dc2566],
|
|
.modal-header .icons-menu .play-pause-icons:focus .play-pause-icons__pause[data-v-70dc2566] {
|
|
opacity: 1;
|
|
border-radius: calc(var(--default-clickable-area) / 2);
|
|
background-color: rgba(127, 127, 127, 0.25);
|
|
}
|
|
.modal-header .icons-menu .play-pause-icons__play[data-v-70dc2566], .modal-header .icons-menu .play-pause-icons__pause[data-v-70dc2566] {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
|
|
cursor: pointer;
|
|
opacity: 0.7;
|
|
}
|
|
.modal-header .icons-menu[data-v-70dc2566] .action-item {
|
|
margin: calc((var(--header-height) - var(--default-clickable-area)) / 2);
|
|
}
|
|
.modal-header .icons-menu[data-v-70dc2566] .action-item--single {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
cursor: pointer;
|
|
background-position: center;
|
|
background-size: 22px;
|
|
}
|
|
.modal-header .icons-menu .header-actions[data-v-70dc2566] button:focus-visible {
|
|
box-shadow: none !important;
|
|
outline: 2px solid #fff !important;
|
|
}
|
|
.modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle {
|
|
padding: 0;
|
|
}
|
|
.modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle span, .modal-header .icons-menu[data-v-70dc2566] .action-item__menutoggle svg {
|
|
width: var(--icon-size);
|
|
height: var(--icon-size);
|
|
}
|
|
.modal-wrapper[data-v-70dc2566] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 100%;
|
|
height: 100%;
|
|
/* Navigation buttons */
|
|
}
|
|
.modal-wrapper .prev[data-v-70dc2566],
|
|
.modal-wrapper .next[data-v-70dc2566] {
|
|
z-index: 10000;
|
|
height: 35vh;
|
|
min-height: 300px;
|
|
position: absolute;
|
|
transition: opacity 250ms;
|
|
color: white;
|
|
}
|
|
.modal-wrapper .prev[data-v-70dc2566]:focus-visible,
|
|
.modal-wrapper .next[data-v-70dc2566]:focus-visible {
|
|
box-shadow: 0 0 0 2px var(--color-primary-element-text);
|
|
background-color: var(--color-box-shadow);
|
|
}
|
|
.modal-wrapper .prev[data-v-70dc2566] {
|
|
inset-inline-start: 2px;
|
|
}
|
|
.modal-wrapper .next[data-v-70dc2566] {
|
|
inset-inline-end: 2px;
|
|
}
|
|
.modal-wrapper[data-v-70dc2566] {
|
|
/* Content */
|
|
}
|
|
.modal-wrapper .modal-container[data-v-70dc2566] {
|
|
position: relative;
|
|
display: flex;
|
|
padding: 0;
|
|
transition: transform 300ms ease;
|
|
border-radius: var(--border-radius-container);
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
|
|
}
|
|
.modal-wrapper .modal-container__close[data-v-70dc2566] {
|
|
z-index: 1;
|
|
position: absolute;
|
|
top: 4px;
|
|
inset-inline-end: var(--default-grid-baseline);
|
|
}
|
|
.modal-wrapper .modal-container__content[data-v-70dc2566] {
|
|
width: 100%;
|
|
min-height: 52px;
|
|
overflow: auto;
|
|
}
|
|
.modal-wrapper--small > .modal-container[data-v-70dc2566] {
|
|
width: 400px;
|
|
max-width: 90%;
|
|
max-height: min(90%, 100% - 2 * var(--header-height));
|
|
}
|
|
.modal-wrapper--normal > .modal-container[data-v-70dc2566] {
|
|
max-width: 90%;
|
|
width: 600px;
|
|
max-height: min(90%, 100% - 2 * var(--header-height));
|
|
}
|
|
.modal-wrapper--large > .modal-container[data-v-70dc2566] {
|
|
max-width: 90%;
|
|
width: 900px;
|
|
max-height: min(90%, 100% - 2 * var(--header-height));
|
|
}
|
|
.modal-wrapper--full > .modal-container[data-v-70dc2566] {
|
|
width: 100%;
|
|
height: calc(100% - var(--header-height));
|
|
position: absolute;
|
|
top: var(--header-height);
|
|
border-radius: 0;
|
|
}
|
|
@media only screen and ((max-width: 512px) or (max-height: 400px)) {
|
|
.modal-wrapper .modal-container[data-v-70dc2566] {
|
|
max-width: initial;
|
|
width: 100%;
|
|
max-height: initial;
|
|
height: calc(100% - var(--header-height));
|
|
position: absolute;
|
|
top: var(--header-height);
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
|
|
/* TRANSITIONS */
|
|
.fade-enter-active[data-v-70dc2566],
|
|
.fade-leave-active[data-v-70dc2566] {
|
|
transition: opacity 250ms;
|
|
}
|
|
.fade-enter-from[data-v-70dc2566],
|
|
.fade-leave-to[data-v-70dc2566] {
|
|
opacity: 0;
|
|
}
|
|
.fade-visibility-enter-from[data-v-70dc2566],
|
|
.fade-visibility-leave-to[data-v-70dc2566] {
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
}
|
|
.modal-in-enter-active[data-v-70dc2566],
|
|
.modal-in-leave-active[data-v-70dc2566],
|
|
.modal-out-enter-active[data-v-70dc2566],
|
|
.modal-out-leave-active[data-v-70dc2566] {
|
|
transition: opacity 250ms;
|
|
}
|
|
.modal-in-enter-from[data-v-70dc2566],
|
|
.modal-in-leave-to[data-v-70dc2566],
|
|
.modal-out-enter-from[data-v-70dc2566],
|
|
.modal-out-leave-to[data-v-70dc2566] {
|
|
opacity: 0;
|
|
}
|
|
.modal-in-enter .modal-container[data-v-70dc2566],
|
|
.modal-in-leave-to .modal-container[data-v-70dc2566] {
|
|
transform: scale(0.9);
|
|
}
|
|
.modal-out-enter .modal-container[data-v-70dc2566],
|
|
.modal-out-leave-to .modal-container[data-v-70dc2566] {
|
|
transform: scale(1.1);
|
|
}
|
|
.modal-mask .play-pause-icons .progress-ring[data-v-70dc2566] {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
transform: rotate(-90deg);
|
|
}
|
|
.modal-mask .play-pause-icons .progress-ring .progress-ring__circle[data-v-70dc2566] {
|
|
transition: 100ms stroke-dashoffset;
|
|
transform-origin: 50% 50%;
|
|
animation: progressring-70dc2566 linear var(--slideshow-duration) infinite;
|
|
stroke-linecap: round;
|
|
stroke-dashoffset: 94.2477796077;
|
|
stroke-dasharray: 94.2477796077;
|
|
}
|
|
.modal-mask .play-pause-icons--paused .icon-pause[data-v-70dc2566] {
|
|
animation: breath-70dc2566 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
|
|
}
|
|
.modal-mask .play-pause-icons--paused .progress-ring__circle[data-v-70dc2566] {
|
|
animation-play-state: paused !important;
|
|
}
|
|
@keyframes progressring-70dc2566 {
|
|
from {
|
|
stroke-dashoffset: 94.2477796077;
|
|
}
|
|
to {
|
|
stroke-dashoffset: 0;
|
|
}
|
|
}
|
|
@keyframes breath-70dc2566 {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
50% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-4095bb7f] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-settings-section[data-v-4095bb7f] {
|
|
--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
|
|
--app-settings-section-text-offset: var(--form-element-label-offset);
|
|
--app-settings-section-content-gap: calc(6 * var(--default-grid-baseline));
|
|
margin-block-end: calc(8 * var(--default-grid-baseline));
|
|
}
|
|
.app-settings-section__name[data-v-4095bb7f] {
|
|
margin: 0;
|
|
padding-inline: var(--app-settings-section-text-offset);
|
|
padding-block: 0;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
.app-settings-section__description[data-v-4095bb7f] {
|
|
padding-inline: var(--app-settings-section-text-offset);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.app-settings-section__content[data-v-4095bb7f] {
|
|
margin-block-start: calc(2 * var(--default-grid-baseline));
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: stretch;
|
|
gap: var(--app-settings-section-content-gap);
|
|
}
|
|
.app-settings-section__legacy[data-v-4095bb7f] {
|
|
--app-settings-section-text-offset: 0;
|
|
--app-settings-section-content-gap: 0;
|
|
}
|
|
|
|
._appSettingsSectionShortcuts_1trvh_2 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: calc(4 * var(--default-grid-baseline));
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_1y2dv_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._sidebarTabsButton_1y2dv_20 {
|
|
border: none;
|
|
border-bottom: var(--default-grid-baseline) solid transparent !important;
|
|
border-radius: var(--border-radius-small);
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
font-size: var(--default-font-size);
|
|
cursor: pointer;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--default-grid-baseline);
|
|
padding: var(--border-radius-small);
|
|
transition: background-color var(--animation-quick), border-bottom-color var(--animation-quick);
|
|
min-width: var(--default-clickable-area);
|
|
}
|
|
._sidebarTabsButton_1y2dv_20:hover {
|
|
background-color: var(--color-background-hover) !important;
|
|
}
|
|
._sidebarTabsButton_1y2dv_20:active, ._sidebarTabsButton_1y2dv_20:focus {
|
|
background-color: var(--color-main-background) !important;
|
|
}
|
|
._sidebarTabsButton_1y2dv_20 * {
|
|
cursor: pointer;
|
|
}
|
|
._sidebarTabsButton_selected_1y2dv_45 {
|
|
border-bottom-color: var(--color-primary-element) !important;
|
|
border-bottom-left-radius: 0px;
|
|
border-bottom-right-radius: 0px;
|
|
cursor: default;
|
|
}
|
|
._sidebarTabsButton_selected_1y2dv_45:hover {
|
|
background-color: var(--color-primary-element-light-hover) !important;
|
|
color: var(--color-primary-element-light-text) !important;
|
|
}
|
|
._sidebarTabsButton_selected_1y2dv_45 * {
|
|
cursor: default;
|
|
}
|
|
._sidebarTabsButton__name_1y2dv_59 {
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-wrap: nowrap;
|
|
}
|
|
._sidebarTabsButton_selected_1y2dv_45 ._sidebarTabsButton__name_1y2dv_59 {
|
|
font-weight: bold;
|
|
}
|
|
._sidebarTabsButton__icon_1y2dv_70 {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._sidebarTabsButton__legacyIcon_1y2dv_76 {
|
|
background-size: 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-1e2d5bfb] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-sidebar-tabs[data-v-1e2d5bfb] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
flex: 1 1 100%;
|
|
}
|
|
.app-sidebar-tabs__nav[data-v-1e2d5bfb] {
|
|
display: flex;
|
|
justify-content: stretch;
|
|
margin: 10px 8px 0 8px;
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
.app-sidebar-tabs__tab[data-v-1e2d5bfb] {
|
|
flex: 1 1 1px;
|
|
}
|
|
.app-sidebar-tabs__content[data-v-1e2d5bfb] {
|
|
position: relative;
|
|
min-height: 256px;
|
|
height: 100%;
|
|
}
|
|
.app-sidebar-tabs__content--multiple[data-v-1e2d5bfb] > :not(section) {
|
|
display: none;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
@property --app-sidebar-offset {
|
|
syntax: "<length>";
|
|
initial-value: 0;
|
|
inherits: true;
|
|
}
|
|
body {
|
|
/**
|
|
* The padding between the toggle button and the page border
|
|
*/
|
|
--app-sidebar-padding: calc(var(--default-grid-baseline, 4px) * 2);
|
|
/**
|
|
* The minimal offset width required to be reserved for the toggle button.
|
|
* Automatically changes to 0 when there is no toggle button.
|
|
*/
|
|
--app-sidebar-offset: 0;
|
|
transition: --app-sidebar-offset 0ms !important;
|
|
}
|
|
body:has(.app-sidebar.slide-right-enter-active),
|
|
body:has(.app-sidebar.slide-right-leave-active) {
|
|
transition: --app-sidebar-offset var(--animation-quick);
|
|
}
|
|
body:has(.app-sidebar__toggle) {
|
|
--app-sidebar-offset: calc(var(--app-sidebar-padding) + var(--default-clickable-area));
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-104e67d6] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/*
|
|
Sidebar: to be used within #content
|
|
app-content will be shrunk properly
|
|
*/
|
|
.app-sidebar[data-v-104e67d6] {
|
|
--app-sidebar-width: clamp(300px, 27vw, 500px);
|
|
--app-sidebar-padding: calc(var(--default-grid-baseline, 4px) * 2);
|
|
width: var(--app-sidebar-width);
|
|
z-index: 1500;
|
|
top: 0;
|
|
inset-inline-end: 0;
|
|
display: flex;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
height: 100%;
|
|
border-inline-start: 1px solid var(--color-border);
|
|
background: var(--color-main-background);
|
|
position: relative;
|
|
}
|
|
.app-sidebar__toggle[data-v-104e67d6] {
|
|
position: absolute !important;
|
|
inset-block-start: var(--app-sidebar-padding);
|
|
inset-inline-end: var(--app-sidebar-padding);
|
|
z-index: 1001;
|
|
}
|
|
.app-sidebar .app-sidebar-header[data-v-104e67d6] {
|
|
--app-sidebar-close-button-offset: calc(var(--default-clickable-area) + var(--app-sidebar-padding));
|
|
}
|
|
.app-sidebar .app-sidebar-header > .app-sidebar__close[data-v-104e67d6] {
|
|
position: absolute;
|
|
z-index: 100;
|
|
top: var(--app-sidebar-padding);
|
|
inset-inline-end: var(--app-sidebar-padding);
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
}
|
|
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info[data-v-104e67d6] {
|
|
flex-direction: row;
|
|
}
|
|
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__figure[data-v-104e67d6] {
|
|
--figure-size: calc($desc-height + var(--app-sidebar-padding));
|
|
z-index: 2;
|
|
width: var(--figure-size);
|
|
height: var(--figure-size);
|
|
margin: calc(var(--app-sidebar-padding) / 2);
|
|
border-radius: 3px;
|
|
flex: 0 0 auto;
|
|
}
|
|
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc[data-v-104e67d6] {
|
|
padding-inline-start: 0;
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset));
|
|
padding-top: var(--app-sidebar-padding);
|
|
}
|
|
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-104e67d6] {
|
|
padding-inline-end: var(--app-sidebar-close-button-offset);
|
|
}
|
|
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-104e67d6] {
|
|
z-index: 3;
|
|
position: absolute;
|
|
top: calc(var(--app-sidebar-padding) / 2);
|
|
inset-inline-start: calc(-1 * var(--default-clickable-area));
|
|
gap: 0;
|
|
}
|
|
.app-sidebar .app-sidebar-header--compact.app-sidebar-header--with-figure .app-sidebar-header__info .app-sidebar-header__desc .app-sidebar-header__menu[data-v-104e67d6] {
|
|
top: var(--app-sidebar-padding);
|
|
inset-inline-end: var(--app-sidebar-close-button-offset);
|
|
position: absolute;
|
|
}
|
|
.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__menu[data-v-104e67d6] {
|
|
position: absolute;
|
|
top: var(--app-sidebar-padding);
|
|
inset-inline-end: var(--app-sidebar-close-button-offset);
|
|
}
|
|
.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc[data-v-104e67d6] {
|
|
padding-inline-end: calc(var(--default-clickable-area) + var(--app-sidebar-close-button-offset));
|
|
}
|
|
.app-sidebar .app-sidebar-header:not(.app-sidebar-header--with-figure) .app-sidebar-header__desc.app-sidebar-header__desc--without-actions[data-v-104e67d6] {
|
|
padding-inline-end: var(--app-sidebar-close-button-offset);
|
|
}
|
|
.app-sidebar .app-sidebar-header .app-sidebar-header__info[data-v-104e67d6] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.app-sidebar .app-sidebar-header__figure[data-v-104e67d6] {
|
|
width: 100%;
|
|
height: 250px;
|
|
max-height: 250px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
}
|
|
.app-sidebar .app-sidebar-header__figure--with-action[data-v-104e67d6] {
|
|
cursor: pointer;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc[data-v-104e67d6] {
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
align-items: center;
|
|
padding-inline: var(--app-sidebar-padding);
|
|
padding-block: var(--app-sidebar-padding) calc(var(--app-sidebar-padding) / 2);
|
|
gap: 0 4px;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc--with-tertiary-action[data-v-104e67d6] {
|
|
padding-inline-start: 6px;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc--editable .app-sidebar-header__mainname-form[data-v-104e67d6], .app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__mainname-form[data-v-104e67d6] {
|
|
margin-top: -2px;
|
|
margin-bottom: -2px;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc--with-subname--editable .app-sidebar-header__subname[data-v-104e67d6] {
|
|
margin-top: -2px;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions[data-v-104e67d6] {
|
|
display: flex;
|
|
height: var(--default-clickable-area);
|
|
width: var(--default-clickable-area);
|
|
justify-content: center;
|
|
flex: 0 0 auto;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-104e67d6] {
|
|
box-shadow: none;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__tertiary-actions .app-sidebar-header__star[data-v-104e67d6]:not([aria-pressed=true]):hover {
|
|
box-shadow: none;
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container[data-v-104e67d6] {
|
|
flex: 1 1 auto;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-width: 0;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container[data-v-104e67d6] {
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: var(--default-clickable-area);
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-104e67d6] {
|
|
padding: 0;
|
|
min-height: 30px;
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname[data-v-104e67d6] .linkified {
|
|
cursor: pointer;
|
|
text-decoration: underline;
|
|
margin: 0;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form[data-v-104e67d6] {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
align-items: center;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__mainname-form input.app-sidebar-header__mainname-input[data-v-104e67d6] {
|
|
flex: 1 1 auto;
|
|
margin: 0;
|
|
padding: 7px;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname-container .app-sidebar-header__menu[data-v-104e67d6] {
|
|
margin-inline-start: 5px;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__mainname[data-v-104e67d6],
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] {
|
|
color: var(--color-text-maxcontrast);
|
|
font-size: var(--default-font-size);
|
|
padding: 0;
|
|
}
|
|
.app-sidebar .app-sidebar-header__desc .app-sidebar-header__name-container .app-sidebar-header__subname[data-v-104e67d6] * {
|
|
vertical-align: text-bottom;
|
|
}
|
|
.app-sidebar .app-sidebar-header .app-sidebar-header__mainname--hidden[data-v-104e67d6] {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
margin: 0;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
}
|
|
.app-sidebar .app-sidebar-header__description[data-v-104e67d6] {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0 10px;
|
|
}
|
|
@media only screen and (max-width: 512px) {
|
|
.app-sidebar[data-v-104e67d6] {
|
|
position: absolute;
|
|
--app-sidebar-width: 100vw;
|
|
}
|
|
}
|
|
.slide-right-leave-active[data-v-104e67d6],
|
|
.slide-right-enter-active[data-v-104e67d6] {
|
|
transition-duration: var(--animation-quick);
|
|
transition-property: margin-inline-end;
|
|
}
|
|
.slide-right-enter-to[data-v-104e67d6],
|
|
.slide-right-leave[data-v-104e67d6] {
|
|
margin-inline-end: 0;
|
|
}
|
|
.slide-right-enter-from[data-v-104e67d6],
|
|
.slide-right-leave-to[data-v-104e67d6] {
|
|
margin-inline-end: calc(-1 * var(--app-sidebar-width));
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-b101d636] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.empty-content[data-v-b101d636] {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
/* In case of using in a flex container - flex in advance */
|
|
flex-grow: 1;
|
|
padding: var(--default-grid-baseline);
|
|
}
|
|
.modal-wrapper .empty-content[data-v-b101d636] {
|
|
margin-top: 5vh;
|
|
margin-bottom: 5vh;
|
|
}
|
|
.empty-content__icon[data-v-b101d636] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 64px;
|
|
height: 64px;
|
|
margin: 0 auto 15px;
|
|
opacity: 0.4;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 64px;
|
|
}
|
|
.empty-content__icon[data-v-b101d636] svg {
|
|
width: 64px !important;
|
|
height: 64px !important;
|
|
max-width: 64px !important;
|
|
max-height: 64px !important;
|
|
}
|
|
.empty-content__name[data-v-b101d636] {
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
}
|
|
.empty-content__description[data-v-b101d636] {
|
|
color: var(--color-text-maxcontrast);
|
|
text-align: center;
|
|
text-wrap-style: balance;
|
|
}
|
|
.empty-content__action[data-v-b101d636] {
|
|
margin-top: 8px;
|
|
}
|
|
.modal-wrapper .empty-content__action[data-v-b101d636] {
|
|
margin-top: 20px;
|
|
display: flex;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-dba10798] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.app-sidebar__tab[data-v-dba10798] {
|
|
display: none;
|
|
padding: 10px;
|
|
min-height: 100%;
|
|
max-height: 100%;
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
.app-sidebar__tab[data-v-dba10798]:focus {
|
|
border-color: var(--color-primary-element);
|
|
box-shadow: 0 0 0.2em var(--color-primary-element);
|
|
outline: 0;
|
|
}
|
|
.app-sidebar__tab--active[data-v-dba10798] {
|
|
display: block;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_1xe1x_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._assistantButton_1xe1x_20 {
|
|
--assistant-button-color: var(--color-element-assistant, linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));
|
|
--assistant-button-background-color: var(--color-background-assistant, #F6F5FF);
|
|
background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));
|
|
border-radius: var(--border-radius-element);
|
|
height: var(--default-clickable-area);
|
|
width: fit-content;
|
|
padding-inline: 1px;
|
|
padding-block: 1px 2px;
|
|
}
|
|
._assistantButton_disabled_1xe1x_30 {
|
|
filter: saturate(0.5);
|
|
opacity: 0.5;
|
|
}
|
|
._assistantButton_primary_1xe1x_34 {
|
|
--assistant-button-color: white;
|
|
--assistant-button-background-color: var(--color-element-assistant,linear-gradient(238deg, #A569D3 12%, #00679E 39%, #422083 86%));
|
|
}
|
|
._assistantButton_primary_1xe1x_34 ._assistantButton__icon_1xe1x_38,
|
|
._assistantButton_primary_1xe1x_34 ._assistantButton__text_1xe1x_39 {
|
|
color: white !important;
|
|
}
|
|
._assistantButton__button_1xe1x_42 {
|
|
--button-size: calc(var(--default-clickable-area) - 3px) !important;
|
|
background-color: var(--assistant-button-background-color) !important;
|
|
background-image: var(--assistant-button-background-color) !important;
|
|
border: none !important;
|
|
}
|
|
._assistantButton__button_1xe1x_42:hover {
|
|
filter: brightness(120%);
|
|
}
|
|
._assistantButton__text_1xe1x_39 {
|
|
background-image: var(--assistant-button-color);
|
|
color: transparent !important;
|
|
background-clip: text;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_1ndue_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._assistantIcon_1ndue_20 {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._assistantIcon_1ndue_20:not(._assistantIcon_inline_1ndue_25) {
|
|
display: flex;
|
|
min-height: var(--default-clickable-area);
|
|
min-width: var(--default-clickable-area);
|
|
}
|
|
._assistantIcon__svg_1ndue_30 {
|
|
display: inline-block;
|
|
width: var(--6629513e);
|
|
height: var(--6629513e);
|
|
max-width: var(--6629513e);
|
|
max-height: var(--6629513e);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_ri18g_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._assistantContent_ri18g_20 {
|
|
background-image: var(--color-border-assistant, linear-gradient(125deg, #7398FE 50%, #6104A4 125%));
|
|
border-radius: var(--border-radius-container);
|
|
padding: 2px;
|
|
}
|
|
._assistantContent__inner_ri18g_25 {
|
|
background-color: var(--color-background-assistant, #F6F5FF);
|
|
border-radius: calc(var(--border-radius-container) - 1px);
|
|
color: var(--color-main-text);
|
|
padding: calc(var(--border-radius-container) - 1px);
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-d7dc2a1f] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.avatardiv[data-v-d7dc2a1f] {
|
|
position: relative;
|
|
display: inline-block;
|
|
width: var(--avatar-size);
|
|
height: var(--avatar-size);
|
|
}
|
|
.avatardiv--unknown[data-v-d7dc2a1f] {
|
|
position: relative;
|
|
background-color: var(--color-main-background);
|
|
white-space: normal;
|
|
}
|
|
.avatardiv[data-v-d7dc2a1f]:not(.avatardiv--unknown) {
|
|
background-color: var(--color-main-background) !important;
|
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;
|
|
}
|
|
.avatardiv--with-menu[data-v-d7dc2a1f] {
|
|
cursor: pointer;
|
|
}
|
|
.avatardiv--with-menu .action-item[data-v-d7dc2a1f] {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
}
|
|
.avatardiv--with-menu[data-v-d7dc2a1f] .action-item__menutoggle {
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
}
|
|
.avatardiv--with-menu[data-v-d7dc2a1f]:focus-within .action-item__menutoggle, .avatardiv--with-menu[data-v-d7dc2a1f]:hover .action-item__menutoggle, .avatardiv--with-menu.avatardiv--with-menu-loading[data-v-d7dc2a1f] .action-item__menutoggle {
|
|
opacity: 1;
|
|
}
|
|
.avatardiv--with-menu:focus-within img[data-v-d7dc2a1f], .avatardiv--with-menu:hover img[data-v-d7dc2a1f], .avatardiv--with-menu.avatardiv--with-menu-loading img[data-v-d7dc2a1f] {
|
|
opacity: 0.3;
|
|
}
|
|
.avatardiv--with-menu[data-v-d7dc2a1f] .action-item__menutoggle,
|
|
.avatardiv--with-menu img[data-v-d7dc2a1f] {
|
|
transition: opacity var(--animation-quick);
|
|
}
|
|
.avatardiv--with-menu[data-v-d7dc2a1f] .button-vue,
|
|
.avatardiv--with-menu[data-v-d7dc2a1f] .button-vue__icon {
|
|
height: var(--avatar-size);
|
|
min-height: var(--avatar-size);
|
|
width: var(--avatar-size) !important;
|
|
min-width: var(--avatar-size);
|
|
}
|
|
.avatardiv--with-menu[data-v-d7dc2a1f] > .button-vue, .avatardiv--with-menu[data-v-d7dc2a1f] > .action-item .button-vue {
|
|
--button-radius: calc(var(--avatar-size) / 2);
|
|
}
|
|
.avatardiv .avatardiv__initials-wrapper[data-v-d7dc2a1f] {
|
|
display: block;
|
|
height: var(--avatar-size);
|
|
width: var(--avatar-size);
|
|
background-color: var(--color-main-background);
|
|
border-radius: calc(var(--avatar-size) / 2);
|
|
}
|
|
.avatardiv .avatardiv__initials-wrapper .avatardiv__initials[data-v-d7dc2a1f] {
|
|
position: absolute;
|
|
top: 0;
|
|
inset-inline-start: 0;
|
|
display: block;
|
|
width: 100%;
|
|
text-align: center;
|
|
font-weight: normal;
|
|
}
|
|
.avatardiv img[data-v-d7dc2a1f] {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.avatardiv .material-design-icon[data-v-d7dc2a1f] {
|
|
width: var(--avatar-size);
|
|
height: var(--avatar-size);
|
|
}
|
|
.avatardiv .avatardiv__user-status[data-v-d7dc2a1f] {
|
|
--avatar-status-size-orbital: calc(var(--avatar-size) * (1 - 1 / sqrt(2)));
|
|
--avatar-status-size-min: var(--font-size-small);
|
|
--avatar-status-size: max(var(--avatar-status-size-orbital), var(--avatar-status-size-min));
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
inset-inline-end: 0;
|
|
inset-block-end: 0;
|
|
height: var(--avatar-status-size);
|
|
width: var(--avatar-status-size);
|
|
line-height: 1;
|
|
font-size: calc(var(--avatar-status-size) / 1.2);
|
|
background-color: var(--color-main-background);
|
|
background-repeat: no-repeat;
|
|
background-size: var(--avatar-status-size);
|
|
background-position: center;
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.acli:hover .avatardiv .avatardiv__user-status[data-v-d7dc2a1f] {
|
|
border-color: var(--color-background-hover);
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.acli.active .avatardiv .avatardiv__user-status[data-v-d7dc2a1f] {
|
|
border-color: var(--color-primary-element-light);
|
|
background-color: var(--color-primary-element-light);
|
|
}
|
|
.avatardiv .avatardiv__user-status--icon[data-v-d7dc2a1f] {
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
.avatardiv .popovermenu-wrapper[data-v-d7dc2a1f] {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.avatar-class-icon[data-v-d7dc2a1f] {
|
|
display: block;
|
|
border-radius: calc(var(--avatar-size) / 2);
|
|
background-color: var(--color-background-darker);
|
|
height: 100%;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-45238efd] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.mention-bubble--primary .mention-bubble__content[data-v-45238efd] {
|
|
color: var(--color-primary-element-text);
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.mention-bubble__wrapper[data-v-45238efd] {
|
|
position: relative;
|
|
max-width: 150px;
|
|
height: 18px;
|
|
vertical-align: text-bottom;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
.mention-bubble__content[data-v-45238efd] {
|
|
display: inline-flex;
|
|
overflow: hidden;
|
|
align-items: center;
|
|
max-width: 100%;
|
|
height: 20px;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
padding-inline: 2px 6px;
|
|
border-radius: 10px;
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
.mention-bubble__icon[data-v-45238efd] {
|
|
position: relative;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 8px;
|
|
background-color: var(--color-background-darker);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 12px;
|
|
}
|
|
.mention-bubble__icon--with-avatar[data-v-45238efd] {
|
|
color: inherit;
|
|
background-size: cover;
|
|
}
|
|
.mention-bubble__title[data-v-45238efd] {
|
|
overflow: hidden;
|
|
margin-inline-start: 2px;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.mention-bubble__title[data-v-45238efd]::before {
|
|
content: attr(title);
|
|
}
|
|
.mention-bubble__select[data-v-45238efd] {
|
|
position: absolute;
|
|
z-index: -1;
|
|
inset-inline-start: -100vw;
|
|
width: 1px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-881a79fb] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.user-status-icon[data-v-881a79fb] {
|
|
--user-status-color-online: #2D7B41;
|
|
--user-status-color-busy: #DB0606;
|
|
--user-status-color-away: #C88800;
|
|
--user-status-color-offline: #6B6B6B;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.user-status-icon--invisible[data-v-881a79fb] {
|
|
filter: var(--background-invert-if-dark);
|
|
}
|
|
.user-status-icon[data-v-881a79fb] svg {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
._fadeTransition_13rtj_2 {
|
|
transition: all var(--animation-quick) ease;
|
|
}
|
|
._fadeTransitionActive_13rtj_6 {
|
|
opacity: 0;
|
|
position: absolute;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-28ef52a4] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.vue-crumb[data-v-28ef52a4] {
|
|
background-image: none;
|
|
display: inline-flex;
|
|
height: var(--default-clickable-area);
|
|
padding: 0;
|
|
}
|
|
.vue-crumb[data-v-28ef52a4]:last-child {
|
|
min-width: 0;
|
|
}
|
|
.vue-crumb:last-child .vue-crumb__separator[data-v-28ef52a4] {
|
|
display: none;
|
|
}
|
|
.vue-crumb--hidden[data-v-28ef52a4] {
|
|
display: none;
|
|
}
|
|
.vue-crumb__separator[data-v-28ef52a4] {
|
|
padding: 0;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.vue-crumb.vue-crumb--hovered[data-v-28ef52a4] .button-vue {
|
|
background-color: var(--color-background-dark);
|
|
color: var(--color-main-text);
|
|
}
|
|
.vue-crumb[data-v-28ef52a4]:not(:last-child) .button-vue {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.vue-crumb[data-v-28ef52a4]:not(:last-child) .button-vue:hover, .vue-crumb[data-v-28ef52a4]:not(:last-child) .button-vue:focus {
|
|
background-color: var(--color-background-dark);
|
|
color: var(--color-main-text);
|
|
}
|
|
.vue-crumb[data-v-28ef52a4]:not(:last-child) .button-vue__text {
|
|
font-weight: normal;
|
|
}
|
|
.vue-crumb[data-v-28ef52a4] .button-vue__text {
|
|
margin: 0;
|
|
}
|
|
.vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item {
|
|
max-width: 100%;
|
|
}
|
|
.vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item .button-vue {
|
|
padding: 0 4px 0 16px;
|
|
max-width: 100%;
|
|
}
|
|
.vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item .button-vue__wrapper {
|
|
flex-direction: row-reverse;
|
|
}
|
|
.vue-crumb[data-v-28ef52a4]:not(.dropdown) .action-item.action-item--open .action-item__menutoggle {
|
|
background-color: var(--color-background-dark);
|
|
color: var(--color-main-text);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-af2b1226] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.breadcrumb[data-v-af2b1226] {
|
|
width: 100%;
|
|
flex-grow: 1;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
.breadcrumb--collapsed[data-v-af2b1226] .vue-crumb:last-child {
|
|
min-width: 100px;
|
|
}
|
|
.breadcrumb nav[data-v-af2b1226] {
|
|
flex-shrink: 1;
|
|
min-width: 0;
|
|
}
|
|
.breadcrumb .breadcrumb__crumbs[data-v-af2b1226] {
|
|
max-width: 100%;
|
|
}
|
|
.breadcrumb .breadcrumb__crumbs[data-v-af2b1226], .breadcrumb .breadcrumb__actions[data-v-af2b1226] {
|
|
display: inline-flex;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-2aa1d7ea] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.nc-chip[data-v-2aa1d7ea] {
|
|
--chip-size: 24px;
|
|
--chip-radius: calc(var(--chip-size) / 2);
|
|
height: var(--chip-size);
|
|
max-width: fit-content;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
border-radius: var(--chip-radius);
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.nc-chip--primary[data-v-2aa1d7ea] {
|
|
background-color: var(--color-primary-element);
|
|
color: var(--color-primary-element-text);
|
|
}
|
|
.nc-chip--secondary[data-v-2aa1d7ea] {
|
|
background-color: var(--color-primary-element-light);
|
|
color: var(--color-primary-element-light-text);
|
|
}
|
|
.nc-chip--error[data-v-2aa1d7ea] {
|
|
background-color: var(--color-error);
|
|
color: var(--color-error-text);
|
|
}
|
|
.nc-chip--warning[data-v-2aa1d7ea] {
|
|
background-color: var(--color-warning);
|
|
color: var(--color-warning-text);
|
|
}
|
|
.nc-chip--success[data-v-2aa1d7ea] {
|
|
background-color: var(--color-success);
|
|
color: var(--color-success-text);
|
|
}
|
|
.nc-chip--no-actions .nc-chip__text[data-v-2aa1d7ea] {
|
|
padding-inline-end: calc(2 * var(--default-grid-baseline));
|
|
}
|
|
.nc-chip--no-icon .nc-chip__text[data-v-2aa1d7ea] {
|
|
padding-inline-start: calc(2 * var(--default-grid-baseline));
|
|
}
|
|
.nc-chip__text[data-v-2aa1d7ea] {
|
|
flex: 1 auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-wrap: nowrap;
|
|
}
|
|
.nc-chip__icon[data-v-2aa1d7ea] {
|
|
flex: 0 0 var(--chip-size);
|
|
margin-inline-end: var(--default-grid-baseline);
|
|
line-height: 1;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
height: var(--chip-size);
|
|
width: var(--chip-size);
|
|
}
|
|
.nc-chip__actions[data-v-2aa1d7ea] {
|
|
flex: 0 0 var(--chip-size);
|
|
--default-clickable-area: var(--chip-size);
|
|
--border-radius-element: var(--chip-radius);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-52d18b4a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.fade-enter-active[data-v-52d18b4a], .fade-leave-active[data-v-52d18b4a] {
|
|
transition: opacity 0.3s ease;
|
|
}
|
|
.fade-enter[data-v-52d18b4a], .fade-leave-to[data-v-52d18b4a] {
|
|
opacity: 0;
|
|
}
|
|
.linked-icons[data-v-52d18b4a] {
|
|
display: flex;
|
|
}
|
|
.linked-icons img[data-v-52d18b4a] {
|
|
padding: 12px;
|
|
height: var(--default-clickable-area);
|
|
display: block;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
opacity: 0.7;
|
|
}
|
|
.linked-icons img[data-v-52d18b4a]:hover {
|
|
opacity: 1;
|
|
}
|
|
.popovermenu[data-v-52d18b4a] {
|
|
display: none;
|
|
}
|
|
.popovermenu.open[data-v-52d18b4a] {
|
|
display: block;
|
|
}
|
|
li.collection-list-item[data-v-52d18b4a] {
|
|
flex-wrap: wrap;
|
|
height: auto;
|
|
cursor: pointer;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
li.collection-list-item .collection-avatar[data-v-52d18b4a] {
|
|
margin-top: 0;
|
|
}
|
|
li.collection-list-item form[data-v-52d18b4a], li.collection-list-item .collection-item-name[data-v-52d18b4a] {
|
|
flex-basis: 10%;
|
|
flex-grow: 1;
|
|
display: flex;
|
|
}
|
|
li.collection-list-item .collection-item-name[data-v-52d18b4a] {
|
|
padding: 12px 9px;
|
|
}
|
|
li.collection-list-item input[data-v-52d18b4a] {
|
|
margin-top: 4px;
|
|
border-color: var(--color-border-maxcontrast);
|
|
}
|
|
li.collection-list-item input[type=text][data-v-52d18b4a] {
|
|
flex-grow: 1;
|
|
}
|
|
li.collection-list-item .error[data-v-52d18b4a] {
|
|
flex-basis: 100%;
|
|
width: 100%;
|
|
}
|
|
li.collection-list-item .resource-list-details[data-v-52d18b4a] {
|
|
flex-basis: 100%;
|
|
width: 100%;
|
|
}
|
|
li.collection-list-item .resource-list-details li[data-v-52d18b4a] {
|
|
display: flex;
|
|
margin-inline-start: var(--default-clickable-area);
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
}
|
|
li.collection-list-item .resource-list-details li[data-v-52d18b4a]:hover {
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
li.collection-list-item .resource-list-details li a[data-v-52d18b4a] {
|
|
flex-grow: 1;
|
|
padding: 3px;
|
|
max-width: calc(100% - 30px);
|
|
display: flex;
|
|
}
|
|
li.collection-list-item .resource-list-details span[data-v-52d18b4a] {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-inline-end: 10px;
|
|
}
|
|
li.collection-list-item .resource-list-details span.resource-name[data-v-52d18b4a] {
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
position: relative;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
flex-grow: 1;
|
|
padding: 4px;
|
|
}
|
|
li.collection-list-item .resource-list-details img[data-v-52d18b4a] {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a] {
|
|
opacity: 0.7;
|
|
}
|
|
li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a]:hover, li.collection-list-item .resource-list-details .icon-close[data-v-52d18b4a]:focus {
|
|
opacity: 1;
|
|
}
|
|
.should-shake[data-v-52d18b4a] {
|
|
animation: shake-52d18b4a 0.6s 1 linear;
|
|
}
|
|
@keyframes shake-52d18b4a {
|
|
0% {
|
|
transform: translate(15px);
|
|
}
|
|
20% {
|
|
transform: translate(-15px);
|
|
}
|
|
40% {
|
|
transform: translate(7px);
|
|
}
|
|
60% {
|
|
transform: translate(-7px);
|
|
}
|
|
80% {
|
|
transform: translate(3px);
|
|
}
|
|
100% {
|
|
transform: translate(0px);
|
|
}
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-d175e795] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.collection-list[data-v-d175e795] * {
|
|
box-sizing: border-box;
|
|
}
|
|
.collection-list > li[data-v-d175e795] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
.collection-list > li > .avatar[data-v-d175e795] {
|
|
margin-top: 0;
|
|
}
|
|
#collection-select-container[data-v-d175e795] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.v-select span.avatar[data-v-d175e795] {
|
|
display: block;
|
|
padding: 16px;
|
|
opacity: 0.7;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
.v-select span.avatar[data-v-d175e795]:hover {
|
|
opacity: 1;
|
|
}
|
|
p.hint[data-v-d175e795] {
|
|
z-index: 1;
|
|
margin-top: -16px;
|
|
padding: 8px 8px;
|
|
color: var(--color-text-maxcontrast);
|
|
line-height: normal;
|
|
}
|
|
div.avatar[data-v-d175e795] {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 0;
|
|
padding: 8px;
|
|
background-color: var(--color-background-dark);
|
|
margin-top: 30px;
|
|
}
|
|
|
|
/** TODO provide white icon in core */
|
|
.icon-projects[data-v-d175e795] {
|
|
display: block;
|
|
padding: 8px;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
.option__wrapper[data-v-d175e795] {
|
|
display: flex;
|
|
}
|
|
.option__wrapper .avatar[data-v-d175e795] {
|
|
display: block;
|
|
width: 32px;
|
|
height: 32px;
|
|
background-color: var(--color-background-darker) !important;
|
|
}
|
|
.option__wrapper .option__title[data-v-d175e795] {
|
|
padding: 4px;
|
|
}
|
|
.fade-enter-active[data-v-d175e795], .fade-leave-active[data-v-d175e795] {
|
|
transition: opacity 0.5s;
|
|
}
|
|
.fade-enter[data-v-d175e795], .fade-leave-to[data-v-d175e795] {
|
|
opacity: 0;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-3d24879b] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.color-picker[data-v-3d24879b] {
|
|
display: flex;
|
|
overflow: hidden;
|
|
align-content: flex-end;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding: var(--border-radius-element);
|
|
min-width: calc(4 * var(--default-clickable-area) + 2 * var(--border-radius-element));
|
|
}
|
|
.color-picker--clearable[data-v-3d24879b] {
|
|
min-width: calc(5 * var(--default-clickable-area) + 2 * var(--border-radius-element));
|
|
}
|
|
.color-picker--advanced-fields[data-v-3d24879b] {
|
|
min-width: 264px;
|
|
}
|
|
.color-picker__clear[data-v-3d24879b] {
|
|
color: var(--color-main-text);
|
|
}
|
|
.color-picker__clear[data-v-3d24879b]:hover:not(:has(:checked)) {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.color-picker__simple[data-v-3d24879b] {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, var(--default-clickable-area));
|
|
grid-auto-rows: var(--default-clickable-area);
|
|
}
|
|
.color-picker__simple-color-circle[data-v-3d24879b] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: calc(var(--default-clickable-area) - 10px);
|
|
height: calc(var(--default-clickable-area) - 10px);
|
|
min-height: calc(var(--default-clickable-area) - 10px);
|
|
margin: auto;
|
|
padding: 0;
|
|
color: white;
|
|
border: 1px solid rgba(0, 0, 0, 0.25);
|
|
border-radius: 50%;
|
|
font-size: 16px;
|
|
}
|
|
.color-picker__simple-color-circle[data-v-3d24879b]:focus-within {
|
|
outline: 2px solid var(--color-main-text);
|
|
}
|
|
.color-picker__simple-color-circle[data-v-3d24879b]:hover {
|
|
opacity: 0.6;
|
|
}
|
|
.color-picker__simple-color-circle--active[data-v-3d24879b] {
|
|
width: calc(var(--default-clickable-area) - 6px);
|
|
height: calc(var(--default-clickable-area) - 6px);
|
|
min-height: calc(var(--default-clickable-area) - 6px);
|
|
transition: all 100ms ease-in-out;
|
|
opacity: 1 !important;
|
|
}
|
|
.color-picker__advanced[data-v-3d24879b] {
|
|
box-shadow: none !important;
|
|
}
|
|
.color-picker__navigation[data-v-3d24879b] {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--default-grid-baseline);
|
|
justify-content: space-between;
|
|
margin-top: calc(2 * var(--default-grid-baseline));
|
|
}
|
|
[data-v-3d24879b] .vc-chrome {
|
|
width: unset;
|
|
background-color: var(--color-main-background);
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-color-wrap {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-active-color {
|
|
border-radius: 17px;
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-body {
|
|
padding: 14px 0 0 0;
|
|
background-color: var(--color-main-background);
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-body .vc-input__input {
|
|
--input-border-radius: var(--border-radius-element);
|
|
--input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
|
|
width: 100%;
|
|
height: var(--default-clickable-area);
|
|
margin: 0;
|
|
padding-inline: calc(var(--border-radius-element) + var(--input-border-width-offset));
|
|
padding-block: var(--input-border-width-offset);
|
|
border: var(--border-width-input, 2px) solid var(--color-border-maxcontrast);
|
|
border-radius: var(--input-border-radius);
|
|
font-size: var(--default-font-size);
|
|
color: var(--color-main-text);
|
|
box-shadow: none;
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-body .vc-input__input:active:not([disabled]),[data-v-3d24879b] .vc-chrome-body .vc-input__input:hover:not([disabled]),[data-v-3d24879b] .vc-chrome-body .vc-input__input:focus:not([disabled]) {
|
|
--input-border-width-offset: 0px;
|
|
border-color: var(--color-main-text);
|
|
border-width: var(--border-width-input-focused, 2px);
|
|
box-shadow: 0 0 0 2px var(--color-main-background) !important;
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-body .vc-input__input:active:not([disabled]) + .vc-input__label,[data-v-3d24879b] .vc-chrome-body .vc-input__input:hover:not([disabled]) + .vc-input__label,[data-v-3d24879b] .vc-chrome-body .vc-input__input:focus:not([disabled]) + .vc-input__label {
|
|
color: var(--color-main-text);
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-body .vc-input__label {
|
|
position: absolute;
|
|
inset-inline: var(--border-width-input-focused, 2px);
|
|
inset-block-start: calc(-1.5 * var(--font-size-small, 13px) / 2);
|
|
max-width: fit-content;
|
|
margin-inline: calc(var(--border-radius-element) - var(--default-grid-baseline));
|
|
margin-block: 0;
|
|
padding-inline: var(--default-grid-baseline);
|
|
font-family: var(--font-face);
|
|
font-size: var(--font-size-small, 13px);
|
|
line-height: 1.5;
|
|
font-weight: 500;
|
|
color: var(--color-text-maxcontrast);
|
|
background-color: var(--color-main-background);
|
|
pointer-events: none;
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-toggle-btn {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
margin-inline-start: 6px;
|
|
filter: var(--background-invert-if-dark);
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-toggle-icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: 0;
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-toggle-icon-highlight {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
inset: 0;
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-saturation-wrap {
|
|
border-radius: 3px;
|
|
}
|
|
[data-v-3d24879b] .vc-chrome-saturation-circle {
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.slide-enter-from[data-v-3d24879b] {
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
.slide-enter-to[data-v-3d24879b] {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
.slide-leave-from[data-v-3d24879b] {
|
|
transform: translateX(0);
|
|
opacity: 1;
|
|
}
|
|
.slide-leave-to[data-v-3d24879b] {
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
.slide-enter-active[data-v-3d24879b], .slide-leave-active[data-v-3d24879b] {
|
|
transition: all 50ms ease-in-out;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
#skip-actions.vue-skip-actions:focus-within {
|
|
top: 0 !important;
|
|
inset-inline-start: 0 !important;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
padding: var(--body-container-margin) !important;
|
|
backdrop-filter: brightness(50%);
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-d9b0d7e8] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.vue-skip-actions__container[data-v-d9b0d7e8] {
|
|
background-color: var(--color-main-background);
|
|
border-radius: var(--border-radius-element);
|
|
padding: 22px;
|
|
}
|
|
.vue-skip-actions__headline[data-v-d9b0d7e8] {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
margin-bottom: 12px;
|
|
}
|
|
.vue-skip-actions__buttons[data-v-d9b0d7e8] {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 12px;
|
|
}
|
|
.vue-skip-actions__buttons[data-v-d9b0d7e8] > * {
|
|
flex: 1 0 fit-content;
|
|
}
|
|
.vue-skip-actions__image[data-v-d9b0d7e8] {
|
|
margin-top: 12px;
|
|
}
|
|
.vue-skip-actions__image[data-v-d9b0d7e8]:dir(rtl) {
|
|
transform: rotateY(180deg);
|
|
}
|
|
.content[data-v-d9b0d7e8] {
|
|
display: flex;
|
|
width: calc(100% - var(--body-container-margin) * 2);
|
|
border-radius: var(--body-container-radius);
|
|
height: var(--body-height);
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
.content[data-v-d9b0d7e8]:not(.with-sidebar--full) {
|
|
position: fixed;
|
|
}
|
|
.content[data-v-d9b0d7e8], .content[data-v-d9b0d7e8] * {
|
|
box-sizing: border-box;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-36ffc13f] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.counter-bubble__counter[data-v-36ffc13f] {
|
|
--counter-bubble-height: 22px;
|
|
font-size: var(--font-size-small, 13px);
|
|
overflow: hidden;
|
|
width: fit-content;
|
|
min-width: var(--counter-bubble-height);
|
|
text-align: center;
|
|
line-height: var(--counter-bubble-height);
|
|
padding: 0 calc(1.5 * var(--default-grid-baseline));
|
|
border-radius: 0.5lh;
|
|
background-color: var(--color-primary-element-light);
|
|
font-weight: bold;
|
|
color: var(--color-primary-element-light-text);
|
|
}
|
|
.counter-bubble__counter .active[data-v-36ffc13f] {
|
|
color: var(--color-main-background);
|
|
background-color: var(--color-primary-element-light);
|
|
}
|
|
.counter-bubble__counter--highlighted[data-v-36ffc13f] {
|
|
color: var(--color-primary-element-text);
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.counter-bubble__counter--highlighted.active[data-v-36ffc13f] {
|
|
color: var(--color-primary-element);
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.counter-bubble__counter--outlined[data-v-36ffc13f] {
|
|
color: var(--color-primary-element);
|
|
background: transparent;
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
.counter-bubble__counter--outlined.active[data-v-36ffc13f] {
|
|
color: var(--color-main-background);
|
|
box-shadow: inset 0 0 0 2px;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-6b5fc397] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.dashboard-widget[data-v-6b5fc397] .empty-content {
|
|
text-align: center;
|
|
padding-top: 5vh;
|
|
}
|
|
.dashboard-widget[data-v-6b5fc397] .empty-content.half-screen {
|
|
padding-top: 0;
|
|
margin-bottom: 1vh;
|
|
}
|
|
.more[data-v-6b5fc397] {
|
|
display: block;
|
|
text-align: center;
|
|
color: var(--color-text-maxcontrast);
|
|
line-height: 60px;
|
|
cursor: pointer;
|
|
}
|
|
.more[data-v-6b5fc397]:hover, .more[data-v-6b5fc397]:focus {
|
|
background-color: var(--color-background-hover);
|
|
border-radius: var(--border-radius-element);
|
|
color: var(--color-main-text);
|
|
}
|
|
|
|
/* skeleton */
|
|
.item-list__entry[data-v-6b5fc397] {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
padding: 8px;
|
|
}
|
|
.item-list__entry .item-avatar[data-v-6b5fc397] {
|
|
position: relative;
|
|
margin-block: auto;
|
|
background-color: var(--color-background-dark) !important;
|
|
}
|
|
.item-list__entry .item__details[data-v-6b5fc397] {
|
|
padding-inline-start: 8px;
|
|
max-height: var(--default-clickable-area);
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.item-list__entry .item__details h3[data-v-6b5fc397],
|
|
.item-list__entry .item__details .message[data-v-6b5fc397] {
|
|
white-space: nowrap;
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
.item-list__entry .item__details h3[data-v-6b5fc397] {
|
|
font-size: 100%;
|
|
margin: 0;
|
|
}
|
|
.item-list__entry .item__details .message[data-v-6b5fc397] {
|
|
width: 80%;
|
|
height: 15px;
|
|
margin-top: 5px;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-c033ba26] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.item-list__entry[data-v-c033ba26] {
|
|
display: flex;
|
|
align-items: center;
|
|
position: relative;
|
|
padding: 8px;
|
|
}
|
|
.item-list__entry[data-v-c033ba26]:hover, .item-list__entry[data-v-c033ba26]:focus {
|
|
background-color: var(--color-background-hover);
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
.item-list__entry .item-avatar[data-v-c033ba26] {
|
|
position: relative;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.item-list__entry .item__details[data-v-c033ba26] {
|
|
padding-inline-start: 8px;
|
|
max-height: fit-content;
|
|
flex-grow: 1;
|
|
overflow: hidden;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-height: var(--default-clickable-area);
|
|
}
|
|
.item-list__entry .item__details h3[data-v-c033ba26],
|
|
.item-list__entry .item__details .message[data-v-c033ba26] {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.item-list__entry .item__details .message span[data-v-c033ba26] {
|
|
width: 10px;
|
|
display: inline-block;
|
|
margin-bottom: -3px;
|
|
}
|
|
.item-list__entry .item__details h3[data-v-c033ba26] {
|
|
font-size: 100%;
|
|
margin: 0;
|
|
}
|
|
.item-list__entry .item__details .message[data-v-c033ba26] {
|
|
width: 100%;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.item-list__entry .item-icon[data-v-c033ba26] {
|
|
position: relative;
|
|
width: 14px;
|
|
height: 14px;
|
|
margin-top: 25px;
|
|
margin-inline: -10px -2px;
|
|
}
|
|
.item-list__entry button.primary[data-v-c033ba26] {
|
|
padding: 21px;
|
|
margin: 0;
|
|
}
|
|
|
|
/*
|
|
.content-popover {
|
|
height: 0px;
|
|
width: 0px;
|
|
margin-inline: auto;
|
|
}
|
|
.popover-container {
|
|
width: 100%;
|
|
height: 0px;
|
|
}
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-02e90461] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] {
|
|
--dp-common-transition: all var(--animation-quick) ease-in;
|
|
--dp-menu-padding: 6px 8px;
|
|
--dp-animation-duration: var(--animation-quick);
|
|
--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
|
|
--dp-transition-timing: ease-out;
|
|
--dp-action-row-transtion: all 0.2s ease-in;
|
|
--dp-font-family: var(--font-face);
|
|
--dp-border-radius: var(--border-radius-element);
|
|
--dp-cell-border-radius: var(--border-radius-small);
|
|
--dp-transition-length: 22px;
|
|
--dp-transition-timing-general: var(--animation-quick);
|
|
--dp-button-height: var(--default-clickable-area);
|
|
--dp-month-year-row-height: var(--default-clickable-area);
|
|
--dp-month-year-row-button-size: var(--clickable-area-small);
|
|
--dp-button-icon-height: 20px;
|
|
--dp-calendar-wrap-padding: 0 5px;
|
|
--dp-cell-size: var(--default-clickable-area);
|
|
--dp-cell-padding: 5px;
|
|
--dp-common-padding: 10px;
|
|
--dp-input-icon-padding: var(--default-clickable-area);
|
|
--dp-input-padding: 6px 12px;
|
|
--dp-menu-min-width: 260px;
|
|
--dp-action-buttons-padding: 1px 6px;
|
|
--dp-row-margin: 5px 0;
|
|
--dp-calendar-header-cell-padding: 0.5rem;
|
|
--dp-multi-calendars-spacing: 10px;
|
|
--dp-overlay-col-padding: 3px;
|
|
--dp-time-inc-dec-button-size: var(--default-clickable-area);
|
|
--dp-font-size: 1rem;
|
|
--dp-preview-font-size: var(--font-size-small);
|
|
--dp-time-font-size: 2rem;
|
|
--dp-action-button-height: var(--clickable-area-small);
|
|
--dp-action-row-padding: 8px;
|
|
--dp-direction: ltr;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_wrap {
|
|
position: relative;
|
|
width: 100%;
|
|
box-sizing: unset;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_wrap:focus {
|
|
border-color: var(--dp-border-color-hover);
|
|
outline: none;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_valid {
|
|
box-shadow: 0 0 var(--dp-border-radius) var(--dp-success-color);
|
|
border-color: var(--dp-success-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_valid:hover {
|
|
border-color: var(--dp-success-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_invalid {
|
|
box-shadow: 0 0 var(--dp-border-radius) var(--dp-danger-color);
|
|
border-color: var(--dp-danger-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_invalid:hover {
|
|
border-color: var(--dp-danger-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input {
|
|
background-color: var(--dp-background-color);
|
|
border-radius: var(--dp-border-radius);
|
|
font-family: var(--dp-font-family);
|
|
border: 1px solid var(--dp-border-color);
|
|
outline: none;
|
|
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
|
|
width: 100%;
|
|
font-size: var(--dp-font-size);
|
|
line-height: calc(var(--dp-font-size) * 1.5);
|
|
padding: var(--dp-input-padding);
|
|
color: var(--dp-text-color);
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input::placeholder {
|
|
opacity: 0.7;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input:hover:not(.dp__input_focus) {
|
|
border-color: var(--dp-border-color-hover);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_not_clearable {
|
|
padding-inline-end: var(--dp-input-not-clearable-padding) !important;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_reg {
|
|
caret-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_focus {
|
|
border-color: var(--dp-border-color-focus);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__disabled {
|
|
background: var(--dp-disabled-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__disabled::placeholder {
|
|
color: var(--dp-disabled-color-text);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_icons {
|
|
display: inline-block;
|
|
width: var(--dp-font-size);
|
|
height: var(--dp-font-size);
|
|
stroke-width: 0;
|
|
font-size: var(--dp-font-size);
|
|
line-height: calc(var(--dp-font-size) * 1.5);
|
|
padding: 6px 12px;
|
|
color: var(--dp-icon-color);
|
|
box-sizing: content-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_icon {
|
|
cursor: pointer;
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-start: 0;
|
|
transform: translateY(-50%);
|
|
color: var(--dp-icon-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--clear-btn {
|
|
position: absolute;
|
|
top: 50%;
|
|
inset-inline-end: 0;
|
|
transform: translateY(-50%);
|
|
cursor: pointer;
|
|
color: var(--dp-icon-color);
|
|
background: rgba(0, 0, 0, 0);
|
|
border: none;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__input_icon_pad {
|
|
padding-inline-start: var(--dp-input-icon-padding);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu {
|
|
background: var(--dp-background-color);
|
|
border-radius: var(--dp-border-radius);
|
|
min-width: var(--dp-menu-min-width);
|
|
font-family: var(--dp-font-family);
|
|
font-size: var(--dp-font-size);
|
|
user-select: none;
|
|
border: 1px solid var(--dp-menu-border-color);
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu::after {
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu::before {
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu:focus {
|
|
border: 1px solid var(--dp-menu-border-color);
|
|
outline: none;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu-wrapper {
|
|
position: absolute;
|
|
z-index: 99999;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_inner {
|
|
padding: var(--dp-menu-padding);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu--inner-stretched {
|
|
padding: 6px 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_index {
|
|
z-index: 99999;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-loading, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_readonly, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_disabled {
|
|
position: absolute;
|
|
inset: 0;
|
|
z-index: 999999;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_disabled {
|
|
background: hsla(0, 0%, 100%, 0.5);
|
|
cursor: not-allowed;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_readonly {
|
|
background: rgba(0, 0, 0, 0);
|
|
cursor: default;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-loading {
|
|
background: hsla(0, 0%, 100%, 0.5);
|
|
cursor: default;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu-load-container {
|
|
display: flex;
|
|
height: 100%;
|
|
width: 100%;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu-loader {
|
|
width: 48px;
|
|
height: 48px;
|
|
border: var(--dp-loader);
|
|
border-bottom-color: rgba(0, 0, 0, 0);
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
box-sizing: border-box;
|
|
animation: dp-load-rotation-02e90461 1s linear infinite;
|
|
position: absolute;
|
|
}
|
|
@keyframes dp-load-rotation-02e90461 {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__arrow_top {
|
|
left: var(--dp-arrow-left);
|
|
top: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
background-color: var(--dp-background-color);
|
|
position: absolute;
|
|
border-inline-end: 1px solid var(--dp-menu-border-color);
|
|
border-top: 1px solid var(--dp-menu-border-color);
|
|
transform: translate(-50%, -50%) rotate(-45deg);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__arrow_bottom {
|
|
left: var(--dp-arrow-left);
|
|
bottom: 0;
|
|
height: 12px;
|
|
width: 12px;
|
|
background-color: var(--dp-background-color);
|
|
position: absolute;
|
|
border-inline-end: 1px solid var(--dp-menu-border-color);
|
|
border-bottom: 1px solid var(--dp-menu-border-color);
|
|
transform: translate(-50%, 50%) rotate(45deg);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_extra {
|
|
text-align: center;
|
|
padding: 2px 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-dates {
|
|
padding: 5px;
|
|
border-inline-end: 1px solid var(--dp-border-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-dates[data-dp-mobile] {
|
|
display: flex;
|
|
align-self: center;
|
|
border: none;
|
|
overflow-x: auto;
|
|
max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-dates-collapsed {
|
|
display: flex;
|
|
align-self: center;
|
|
border: none;
|
|
overflow-x: auto;
|
|
max-width: calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__sidebar_left {
|
|
padding: 5px;
|
|
border-inline-end: 1px solid var(--dp-border-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__sidebar_right {
|
|
padding: 5px;
|
|
margin-inline-end: 1px solid var(--dp-border-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range {
|
|
display: block;
|
|
width: 100%;
|
|
padding: 5px;
|
|
text-align: left;
|
|
white-space: nowrap;
|
|
color: var(--dp-text-color);
|
|
border-radius: var(--dp-border-radius);
|
|
transition: var(--dp-common-transition);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range:hover {
|
|
background-color: var(--dp-hover-color);
|
|
color: var(--dp-hover-text-color);
|
|
cursor: pointer;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range[data-dp-mobile] {
|
|
border: 1px solid var(--dp-border-color);
|
|
margin: 0 3px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range[data-dp-mobile]:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range[data-dp-mobile]:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range-collapsed {
|
|
border: 1px solid var(--dp-border-color);
|
|
margin: 0 3px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range-collapsed:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--preset-range-collapsed:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_content_wrapper {
|
|
display: flex;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__menu_content_wrapper[data-dp-mobile] {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--menu-content-wrapper-collapsed {
|
|
flex-direction: column-reverse;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_header {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
color: var(--dp-text-color);
|
|
white-space: nowrap;
|
|
font-weight: bold;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_header_item {
|
|
text-align: center;
|
|
flex-grow: 1;
|
|
height: var(--dp-cell-size);
|
|
padding: var(--dp-cell-padding);
|
|
width: var(--dp-cell-size);
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_row {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: var(--dp-row-margin);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_item {
|
|
text-align: center;
|
|
flex-grow: 1;
|
|
box-sizing: border-box;
|
|
color: var(--dp-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar {
|
|
position: relative;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_header_cell {
|
|
border-bottom: thin solid var(--dp-border-color);
|
|
padding: var(--dp-calendar-header-cell-padding);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_inner {
|
|
display: flex;
|
|
align-items: center;
|
|
text-align: center;
|
|
justify-content: center;
|
|
border-radius: var(--dp-cell-border-radius);
|
|
height: var(--dp-cell-size);
|
|
padding: var(--dp-cell-padding);
|
|
width: var(--dp-cell-size);
|
|
border: 1px solid rgba(0, 0, 0, 0);
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_inner:hover {
|
|
transition: all 0.2s;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range_start, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_start {
|
|
border-end-end-radius: 0;
|
|
border-start-end-radius: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range_end, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_end {
|
|
border-end-start-radius: 0;
|
|
border-start-start-radius: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_end, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_start, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__active_date {
|
|
background: var(--dp-primary-color);
|
|
color: var(--dp-primary-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover_end:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover_start:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__date_hover:hover {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_offset {
|
|
color: var(--dp-secondary-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_disabled {
|
|
color: var(--dp-secondary-color);
|
|
cursor: not-allowed;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_between {
|
|
background: var(--dp-range-between-dates-background-color);
|
|
color: var(--dp-range-between-dates-text-color);
|
|
border-radius: 0;
|
|
border: 1px solid var(--dp-range-between-border-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__range_between_week {
|
|
background: var(--dp-primary-color);
|
|
color: var(--dp-primary-text-color);
|
|
border-radius: 0;
|
|
border-top: 1px solid var(--dp-primary-color);
|
|
border-bottom: 1px solid var(--dp-primary-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__today {
|
|
border: 1px solid var(--dp-primary-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__week_num {
|
|
color: var(--dp-secondary-color);
|
|
text-align: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range {
|
|
border-radius: 0;
|
|
border-top: 1px dashed var(--dp-primary-color);
|
|
border-bottom: 1px dashed var(--dp-primary-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range_start {
|
|
border-start-start-radius: var(--dp-cell-border-radius);
|
|
border-end-start-radius: var(--dp-cell-border-radius);
|
|
border-inline-start: 1px dashed var(--dp-primary-color);
|
|
border-top: 1px dashed var(--dp-primary-color);
|
|
border-bottom: 1px dashed var(--dp-primary-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_auto_range_end {
|
|
border-start-end-radius: var(--dp-cell-border-radius);
|
|
border-end-end-radius: var(--dp-cell-border-radius);
|
|
border-top: 1px dashed var(--dp-primary-color);
|
|
border-bottom: 1px dashed var(--dp-primary-color);
|
|
border-inline-end: 1px dashed var(--dp-primary-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_header_separator {
|
|
width: 100%;
|
|
height: 1px;
|
|
background: var(--dp-border-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__calendar_next {
|
|
margin-inline-start: var(--dp-multi-calendars-spacing);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_line, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_dot {
|
|
height: 5px;
|
|
background-color: var(--dp-marker-color);
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_dot {
|
|
width: 5px;
|
|
border-radius: 50%;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_line {
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__marker_tooltip {
|
|
position: absolute;
|
|
border-radius: var(--dp-border-radius);
|
|
background-color: var(--dp-tooltip-color);
|
|
padding: 5px;
|
|
border: 1px solid var(--dp-border-color);
|
|
z-index: 99999;
|
|
box-sizing: border-box;
|
|
cursor: default;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__tooltip_content {
|
|
white-space: nowrap;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__tooltip_text {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-flow: row nowrap;
|
|
color: var(--dp-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__tooltip_mark {
|
|
height: 5px;
|
|
width: 5px;
|
|
border-radius: 50%;
|
|
background-color: var(--dp-text-color);
|
|
color: var(--dp-text-color);
|
|
margin-inline-end: 5px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__arrow_bottom_tp {
|
|
bottom: 0;
|
|
height: 8px;
|
|
width: 8px;
|
|
background-color: var(--dp-tooltip-color);
|
|
position: absolute;
|
|
border-inline-end: 1px solid var(--dp-border-color);
|
|
border-bottom: 1px solid var(--dp-border-color);
|
|
transform: translate(-50%, 50%) rotate(45deg);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__instance_calendar {
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex_display[data-dp-mobile] {
|
|
flex-direction: column;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--flex-display-collapsed {
|
|
flex-direction: column;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_highlight {
|
|
background-color: var(--dp-highlight-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_row {
|
|
display: flex;
|
|
align-items: center;
|
|
height: var(--dp-month-year-row-height);
|
|
color: var(--dp-text-color);
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
height: var(--dp-month-year-row-button-size);
|
|
width: var(--dp-month-year-row-button-size);
|
|
color: var(--dp-icon-color);
|
|
text-align: center;
|
|
border-radius: 50%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav svg {
|
|
height: var(--dp-button-icon-height);
|
|
width: var(--dp-button-icon-height);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav:hover {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-icon-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] [dir=rtl] .dp__inner_nav {
|
|
transform: rotate(180deg);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav_disabled:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav_disabled {
|
|
background: var(--dp-disabled-color);
|
|
color: var(--dp-disabled-color-text);
|
|
cursor: not-allowed;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--year-select, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select {
|
|
text-align: center;
|
|
cursor: pointer;
|
|
height: var(--dp-month-year-row-height);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: var(--dp-border-radius);
|
|
box-sizing: border-box;
|
|
color: var(--dp-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--year-select:hover, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select:hover {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-text-color);
|
|
transition: var(--dp-common-transition);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select {
|
|
width: 50%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--year-select {
|
|
width: 100%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_wrap {
|
|
display: flex;
|
|
flex-direction: row;
|
|
width: 100%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__year_disable_select {
|
|
justify-content: space-around;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--header-wrap {
|
|
display: flex;
|
|
width: 100%;
|
|
flex-direction: column;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay {
|
|
width: 100%;
|
|
background: var(--dp-background-color);
|
|
transition: opacity 1s ease-out;
|
|
z-index: 99999;
|
|
font-family: var(--dp-font-family);
|
|
color: var(--dp-text-color);
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--overlay-absolute {
|
|
position: absolute;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--overlay-relative {
|
|
position: relative;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_container::-webkit-scrollbar-track {
|
|
box-shadow: var(--dp-scroll-bar-background);
|
|
background-color: var(--dp-scroll-bar-background);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_container::-webkit-scrollbar {
|
|
width: 5px;
|
|
background-color: var(--dp-scroll-bar-background);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_container::-webkit-scrollbar-thumb {
|
|
background-color: var(--dp-scroll-bar-color);
|
|
border-radius: 10px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay:focus {
|
|
border: none;
|
|
outline: none;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__container_flex {
|
|
display: flex;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__container_block {
|
|
display: block;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_container {
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
height: var(--dp-overlay-height);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_picker_overlay_container {
|
|
height: 100%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_row {
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
margin-inline: auto;
|
|
flex-wrap: wrap;
|
|
max-width: 100%;
|
|
width: 100%;
|
|
align-items: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex_row {
|
|
flex: 1;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_col {
|
|
box-sizing: border-box;
|
|
width: 33%;
|
|
padding: var(--dp-overlay-col-padding);
|
|
white-space: nowrap;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_pad {
|
|
padding: var(--dp-common-padding) 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_active {
|
|
cursor: pointer;
|
|
border-radius: var(--dp-border-radius);
|
|
text-align: center;
|
|
background: var(--dp-primary-color);
|
|
color: var(--dp-primary-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell {
|
|
cursor: pointer;
|
|
border-radius: var(--dp-border-radius);
|
|
text-align: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell:hover {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-text-color);
|
|
transition: var(--dp-common-transition);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__cell_in_between {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__over_action_scroll {
|
|
right: 5px;
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_disabled {
|
|
cursor: not-allowed;
|
|
background: var(--dp-disabled-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_disabled:hover {
|
|
background: var(--dp-disabled-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_active_disabled {
|
|
cursor: not-allowed;
|
|
background: var(--dp-primary-disabled-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay_cell_active_disabled:hover {
|
|
background: var(--dp-primary-disabled-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn, .vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn, .vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-overlay-btn, .vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-invalid {
|
|
border: none;
|
|
font: inherit;
|
|
transition: var(--dp-common-transition);
|
|
line-height: normal;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--year-mode-picker {
|
|
display: flex;
|
|
width: 100%;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: var(--dp-cell-size);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap {
|
|
max-width: var(--dp-menu-min-width);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap[data-dp-mobile] {
|
|
max-width: 100%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_input {
|
|
width: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
user-select: none;
|
|
font-family: var(--dp-font-family);
|
|
color: var(--dp-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_reg_block {
|
|
padding: 0 20px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_reg_inline {
|
|
padding: 0 10px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_reg_with_button {
|
|
padding: 0 15px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_reg_with_button[data-compact~=true] {
|
|
padding: 0 5px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_sec {
|
|
padding: 0 10px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_sec_with_button {
|
|
padding: 0 5px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_sec_with_button[data-collapsed~=true] {
|
|
padding: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col {
|
|
text-align: center;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col_block {
|
|
font-size: var(--dp-time-font-size);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_display_block {
|
|
padding: 0 3px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_display_inline {
|
|
padding: 5px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_picker_inline_container {
|
|
display: flex;
|
|
width: 100%;
|
|
justify-content: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button {
|
|
padding: 5px;
|
|
margin: 0;
|
|
height: var(--dp-time-inc-dec-button-size);
|
|
width: var(--dp-time-inc-dec-button-size);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
border-radius: 50%;
|
|
color: var(--dp-icon-color);
|
|
box-sizing: border-box;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button svg {
|
|
height: var(--dp-time-inc-dec-button-size);
|
|
width: var(--dp-time-inc-dec-button-size);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button:hover {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-icon-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_display {
|
|
cursor: pointer;
|
|
color: var(--dp-text-color);
|
|
border-radius: var(--dp-border-radius);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_display:hover:enabled {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button_inline {
|
|
width: 100%;
|
|
padding: 0;
|
|
height: 8px;
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button_disabled, .vue-date-time-picker__wrapper[data-v-02e90461] .dp__inc_dec_button_disabled:hover {
|
|
background: var(--dp-disabled-color);
|
|
color: var(--dp-disabled-color-text);
|
|
cursor: not-allowed;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__pm_am_button {
|
|
background: var(--dp-primary-color);
|
|
color: var(--dp-primary-text-color);
|
|
border: none;
|
|
padding: var(--dp-common-padding);
|
|
border-radius: var(--dp-border-radius);
|
|
cursor: pointer;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__pm_am_button[data-compact~=true] {
|
|
padding: 7px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_bar {
|
|
width: 100%;
|
|
height: 4px;
|
|
background-color: var(--dp-secondary-color);
|
|
transition: var(--dp-common-transition);
|
|
border-collapse: collapse;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_top:hover .dp__tp_btn_in_r {
|
|
background-color: var(--dp-primary-color);
|
|
transform: rotate(12deg) scale(1.15) translateY(-2px);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_top:hover .dp__tp_btn_in_l {
|
|
background-color: var(--dp-primary-color);
|
|
transform: rotate(-12deg) scale(1.15) translateY(-2px);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_r {
|
|
background-color: var(--dp-primary-color);
|
|
transform: rotate(-12deg) scale(1.15) translateY(-2px);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__tp_inline_btn_bottom:hover .dp__tp_btn_in_l {
|
|
background-color: var(--dp-primary-color);
|
|
transform: rotate(12deg) scale(1.15) translateY(-2px);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-overlay-btn {
|
|
background: none;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-invalid {
|
|
background-color: var(--dp-disabled-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_row {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
padding: var(--dp-action-row-padding);
|
|
box-sizing: border-box;
|
|
color: var(--dp-text-color);
|
|
flex-flow: row nowrap;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_row svg {
|
|
height: var(--dp-button-icon-height);
|
|
width: auto;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__selection_preview {
|
|
display: block;
|
|
color: var(--dp-text-color);
|
|
font-size: var(--dp-preview-font-size);
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_buttons {
|
|
display: flex;
|
|
flex: 0;
|
|
white-space: nowrap;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
margin-inline-start: auto;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
background: rgba(0, 0, 0, 0);
|
|
border: 1px solid rgba(0, 0, 0, 0);
|
|
padding: var(--dp-action-buttons-padding);
|
|
line-height: var(--dp-action-button-height);
|
|
margin-inline-start: 3px;
|
|
height: var(--dp-action-button-height);
|
|
cursor: pointer;
|
|
border-radius: var(--dp-border-radius);
|
|
font-size: var(--dp-preview-font-size);
|
|
font-family: var(--dp-font-family);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_cancel {
|
|
color: var(--dp-text-color);
|
|
border: 1px solid var(--dp-border-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_cancel:hover {
|
|
border-color: var(--dp-primary-color);
|
|
transition: var(--dp-action-row-transition);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_buttons .dp__action_select {
|
|
background: var(--dp-primary-color);
|
|
color: var(--dp-primary-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_buttons .dp__action_select:hover {
|
|
background: var(--dp-primary-color);
|
|
transition: var(--dp-action-row-transition);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_buttons .dp__action_select:disabled {
|
|
background: var(--dp-primary-disabled-color);
|
|
cursor: not-allowed;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp-quarter-picker-wrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
min-width: var(--dp-menu-min-width);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn-disabled {
|
|
cursor: not-allowed;
|
|
background: var(--dp-disabled-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn-disabled:hover {
|
|
background: var(--dp-disabled-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn {
|
|
width: 100%;
|
|
padding: var(--dp-common-padding);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn:not(.dp--highlighted, .dp--qr-btn-active, .dp--qr-btn-disabled, .dp--qr-btn-between) {
|
|
background: none;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn:hover:not(.dp--qr-btn-active, .dp--qr-btn-disabled) {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-text-color);
|
|
transition: var(--dp-common-transition);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--quarter-items {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex: 1;
|
|
width: 100%;
|
|
height: 100%;
|
|
justify-content: space-evenly;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn-active {
|
|
background: var(--dp-primary-color);
|
|
color: var(--dp-primary-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--qr-btn-between {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-text-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] :root {
|
|
--dp-common-transition: all 0.1s ease-in;
|
|
--dp-menu-padding: 6px 8px;
|
|
--dp-animation-duration: 0.1s;
|
|
--dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1);
|
|
--dp-transition-timing: ease-out;
|
|
--dp-action-row-transition: all 0.2s ease-in;
|
|
--dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;
|
|
--dp-border-radius: 4px;
|
|
--dp-cell-border-radius: 4px;
|
|
--dp-transition-length: 22px;
|
|
--dp-transition-timing-general: 0.1s;
|
|
--dp-button-height: 35px;
|
|
--dp-month-year-row-height: 35px;
|
|
--dp-month-year-row-button-size: 25px;
|
|
--dp-button-icon-height: 20px;
|
|
--dp-calendar-wrap-padding: 0 5px;
|
|
--dp-cell-size: 35px;
|
|
--dp-cell-padding: 5px;
|
|
--dp-common-padding: 10px;
|
|
--dp-input-icon-padding: 35px;
|
|
--dp-input-padding: 6px 30px 6px 12px;
|
|
--dp-input-not-clearable-padding: 12px;
|
|
--dp-menu-min-width: 260px;
|
|
--dp-action-buttons-padding: 1px 6px;
|
|
--dp-row-margin: 5px 0;
|
|
--dp-calendar-header-cell-padding: 0.5rem;
|
|
--dp-multi-calendars-spacing: 10px;
|
|
--dp-overlay-col-padding: 3px;
|
|
--dp-time-inc-dec-button-size: 32px;
|
|
--dp-font-size: 1rem;
|
|
--dp-preview-font-size: 0.8rem;
|
|
--dp-time-font-size: 2rem;
|
|
--dp-action-button-height: 22px;
|
|
--dp-action-row-padding: 8px;
|
|
--dp-direction: ltr;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_dark {
|
|
--dp-background-color: #212121;
|
|
--dp-text-color: #fff;
|
|
--dp-hover-color: #484848;
|
|
--dp-hover-text-color: #fff;
|
|
--dp-hover-icon-color: #959595;
|
|
--dp-primary-color: #005cb2;
|
|
--dp-primary-disabled-color: #61a8ea;
|
|
--dp-primary-text-color: #fff;
|
|
--dp-secondary-color: #a9a9a9;
|
|
--dp-border-color: #2d2d2d;
|
|
--dp-menu-border-color: #2d2d2d;
|
|
--dp-border-color-hover: #aaaeb7;
|
|
--dp-border-color-focus: #aaaeb7;
|
|
--dp-disabled-color: #737373;
|
|
--dp-disabled-color-text: #d0d0d0;
|
|
--dp-scroll-bar-background: #212121;
|
|
--dp-scroll-bar-color: #484848;
|
|
--dp-success-color: #00701a;
|
|
--dp-success-color-disabled: #428f59;
|
|
--dp-icon-color: #959595;
|
|
--dp-danger-color: #e53935;
|
|
--dp-marker-color: #e53935;
|
|
--dp-tooltip-color: #3e3e3e;
|
|
--dp-highlight-color: rgb(0 92 178 / 20%);
|
|
--dp-range-between-dates-background-color: var(--dp-hover-color, #484848);
|
|
--dp-range-between-dates-text-color: var(--dp-hover-text-color, #fff);
|
|
--dp-range-between-border-color: var(--dp-hover-color, #fff);
|
|
--dp-loader: 5px solid #005cb2;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_light {
|
|
--dp-background-color: #fff;
|
|
--dp-text-color: #212121;
|
|
--dp-hover-color: #f3f3f3;
|
|
--dp-hover-text-color: #212121;
|
|
--dp-hover-icon-color: #959595;
|
|
--dp-primary-color: #1976d2;
|
|
--dp-primary-disabled-color: #6bacea;
|
|
--dp-primary-text-color: #fff;
|
|
--dp-secondary-color: #c0c4cc;
|
|
--dp-border-color: #ddd;
|
|
--dp-menu-border-color: #ddd;
|
|
--dp-border-color-hover: #aaaeb7;
|
|
--dp-border-color-focus: #aaaeb7;
|
|
--dp-disabled-color: #f6f6f6;
|
|
--dp-scroll-bar-background: #f3f3f3;
|
|
--dp-scroll-bar-color: #959595;
|
|
--dp-success-color: #76d275;
|
|
--dp-success-color-disabled: #a3d9b1;
|
|
--dp-icon-color: #959595;
|
|
--dp-danger-color: #ff6f60;
|
|
--dp-marker-color: #ff6f60;
|
|
--dp-tooltip-color: #fafafa;
|
|
--dp-disabled-color-text: #8e8e8e;
|
|
--dp-highlight-color: rgb(25 118 210 / 10%);
|
|
--dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
|
|
--dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
|
|
--dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
|
|
--dp-loader: 5px solid #1976d2;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn {
|
|
background: none;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__main {
|
|
font-family: var(--dp-font-family);
|
|
user-select: none;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
width: 100%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__main * {
|
|
direction: var(--dp-direction, ltr);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__pointer {
|
|
cursor: pointer;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__icon {
|
|
stroke: currentcolor;
|
|
fill: currentcolor;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__button {
|
|
width: 100%;
|
|
text-align: center;
|
|
color: var(--dp-icon-color);
|
|
cursor: pointer;
|
|
display: flex;
|
|
align-items: center;
|
|
place-content: center center;
|
|
padding: var(--dp-common-padding);
|
|
box-sizing: border-box;
|
|
height: var(--dp-button-height);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__button.dp__overlay_action {
|
|
position: absolute;
|
|
bottom: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__button:hover {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-icon-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__button svg {
|
|
height: var(--dp-button-icon-height);
|
|
width: auto;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__button_bottom {
|
|
border-bottom-left-radius: var(--dp-border-radius);
|
|
border-bottom-right-radius: var(--dp-border-radius);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex_display {
|
|
display: flex;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__flex_display_with_input {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__relative {
|
|
position: relative;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .calendar-next-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-next-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-prev-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .calendar-prev-leave-active {
|
|
transition: all var(--dp-transition-timing-general) ease-out;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .calendar-next-enter-from {
|
|
opacity: 0;
|
|
transform: translateX(var(--dp-transition-length));
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .calendar-next-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(calc(var(--dp-transition-length) * -1));
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .calendar-prev-enter-from {
|
|
opacity: 0;
|
|
transform: translateX(calc(var(--dp-transition-length) * -1));
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .calendar-prev-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(var(--dp-transition-length));
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-bottom-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-bottom-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-top-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-top-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-up-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-up-leave-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-down-enter-active, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-down-leave-active {
|
|
transition: all var(--dp-animation-duration) var(--dp-transition-timing);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-top-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-top-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-down-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-up-enter-from {
|
|
opacity: 0;
|
|
transform: translateY(var(--dp-transition-length));
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-bottom-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-menu-appear-bottom-leave-to, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-down-enter-from, .vue-date-time-picker__wrapper[data-v-02e90461] .dp-slide-up-leave-to {
|
|
opacity: 0;
|
|
transform: translateY(calc(var(--dp-transition-length) * -1));
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--arrow-btn-nav {
|
|
transition: var(--dp-common-transition);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--highlighted {
|
|
background-color: var(--dp-highlight-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--hidden-el {
|
|
visibility: hidden;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] {
|
|
}
|
|
.vue-date-time-picker__wrapper .vue-date-time-picker--clearable[data-v-02e90461] .dp__input {
|
|
padding-inline-end: var(--default-clickable-area);
|
|
}
|
|
.vue-date-time-picker__wrapper .vue-date-time-picker__timezone[data-v-02e90461] {
|
|
min-width: unset;
|
|
width: 100%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .icon-vue {
|
|
opacity: 1 !important;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap,
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__action_extra {
|
|
padding: var(--dp-menu-padding);
|
|
padding-top: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay.dp--overlay-absolute {
|
|
padding: var(--dp-menu-padding);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__overlay.dp--overlay-absolute .dp__btn.dp__button.dp__button_bottom {
|
|
inset-block-end: 6px;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__button_bottom,
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--tp-wrap .dp__button {
|
|
width: 100%;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__overlay_action {
|
|
width: calc(100% - 16px);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] input {
|
|
padding-inline-start: var(--dp-input-icon-padding) !important;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn {
|
|
margin: 0;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__inner_nav {
|
|
height: fit-content;
|
|
width: fit-content;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__btn.dp__button.dp__button_bottom {
|
|
color: var(--color-primary-element-light);
|
|
background-color: var(--color-primary-element-light);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--header-wrap .dp__btn:not(.dp__button_bottom),
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col .dp__btn {
|
|
background-color: var(--color-main-background);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--header-wrap .dp__btn:not(.dp__button_bottom):hover,
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_col .dp__btn:hover {
|
|
background: var(--dp-hover-color);
|
|
color: var(--dp-hover-icon-color);
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__month_year_select {
|
|
flex: 1;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp--time-overlay-btn {
|
|
font-size: calc(2 * var(--default-font-size)) !important;
|
|
}
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__time_input .dp__time_col_reg_block {
|
|
padding: 0 calc(4 * var(--default-grid-baseline));
|
|
}
|
|
.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_dark[data-v-02e90461],
|
|
.vue-date-time-picker__wrapper .vue-date-time-picker.dp__theme_light[data-v-02e90461],
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_dark,
|
|
.vue-date-time-picker__wrapper[data-v-02e90461] .dp__theme_light {
|
|
--dp-background-color: var(--color-main-background);
|
|
--dp-text-color: var(--color-main-text);
|
|
--dp-hover-color: var(--color-primary-element-light-hover);
|
|
--dp-hover-text-color: var(--color-primary-element-light-text);
|
|
--dp-hover-icon-color: var(--color-primary-element-light-text);
|
|
--dp-primary-color: var(--color-primary-element);
|
|
--dp-primary-disabled-color: var(--color-primary-element-hover);
|
|
--dp-primary-text-color: var(--color-primary-element-text);
|
|
--dp-secondary-color: var(--color-text-maxcontrast);
|
|
--dp-border-color: var(--color-border);
|
|
--dp-menu-border-color: var(--color-border-dark);
|
|
--dp-border-color-hover: var(--color-border-maxcontrast);
|
|
--dp-border-color-focus: var(--color-border-maxcontrast);
|
|
--dp-disabled-color: var(--color-background-dark);
|
|
--dp-disabled-color-text: var(--color-text-maxcontrast);
|
|
--dp-scroll-bar-background: var(--color-scrollbar);
|
|
--dp-scroll-bar-color: var(--color-scrollbar);
|
|
--dp-success-color: var(--color-success);
|
|
--dp-success-color-disabled: var(--color-success-hover);
|
|
--dp-icon-color: var(--color-main-text);
|
|
--dp-danger-color: var(--color-error);
|
|
--dp-marker-color: var(--color-text-error, var(--color-error));
|
|
--dp-tooltip-color: var(--color-main-text);
|
|
--dp-highlight-color: var(--color-main-text);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-f2f99131] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart * {
|
|
box-sizing: border-box;
|
|
line-height: 1.15;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
|
|
font-size: 16px;
|
|
/* display: inline-block; */
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 420px;
|
|
color: #222427;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 5px;
|
|
background: #fff;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji {
|
|
padding: 6px;
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji span {
|
|
display: inline-block;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoji .emoji-mart-emoji span {
|
|
width: 38px;
|
|
height: 38px;
|
|
font-size: 32px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-type-native {
|
|
font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "EmojiOne Color", "Android Emoji";
|
|
word-break: keep-all;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image {
|
|
/* Emoji sheet has 56 columns, see also utils/emoji-data.js, SHEET_COLUMNS variable */
|
|
/* Here we use (56+1) * 100% to avoid visible edges of nearby icons when scaling for different
|
|
* screen sizes */
|
|
background-size: 6100%;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image.emoji-set-apple {
|
|
background-image: url("https://unpkg.com/emoji-datasource-apple@15.0.1/img/apple/sheets-256/64.png");
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image.emoji-set-facebook {
|
|
background-image: url("https://unpkg.com/emoji-datasource-facebook@15.0.1/img/facebook/sheets-256/64.png");
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image.emoji-set-google {
|
|
background-image: url("https://unpkg.com/emoji-datasource-google@15.0.1/img/google/sheets-256/64.png");
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-type-image.emoji-set-twitter {
|
|
background-image: url("https://unpkg.com/emoji-datasource-twitter@15.0.1/img/twitter/sheets-256/64.png");
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-bar {
|
|
border: 0 solid #d9d9d9;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-bar:first-child {
|
|
border-bottom-width: 1px;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-bar:last-child {
|
|
border-top-width: 1px;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-scroll {
|
|
position: relative;
|
|
overflow-y: scroll;
|
|
flex: 1;
|
|
padding: 0 6px 6px 6px;
|
|
z-index: 0; /* Fix for rendering sticky positioned category labels on Chrome */
|
|
will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchors {
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
padding: 0 6px;
|
|
color: #858585;
|
|
line-height: 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor {
|
|
position: relative;
|
|
display: block;
|
|
flex: 1 1 auto;
|
|
text-align: center;
|
|
padding: 12px 4px;
|
|
overflow: hidden;
|
|
transition: color 0.1s ease-out;
|
|
border: none;
|
|
background: none;
|
|
box-shadow: none;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor:hover,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor-selected {
|
|
color: #464646;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor-selected .emoji-mart-anchor-bar {
|
|
bottom: 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchor-bar {
|
|
position: absolute;
|
|
bottom: -3px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 3px;
|
|
background-color: #464646;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchors i {
|
|
display: inline-block;
|
|
width: 100%;
|
|
max-width: 22px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-anchors svg {
|
|
fill: currentColor;
|
|
max-height: 18px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .scroller {
|
|
height: 250px;
|
|
position: relative;
|
|
flex: 1;
|
|
padding: 0 6px 6px 6px;
|
|
z-index: 0; /* Fix for rendering sticky positioned category labels on Chrome */
|
|
will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-search {
|
|
margin-top: 6px;
|
|
padding: 0 6px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-search input {
|
|
font-size: 16px;
|
|
display: block;
|
|
width: 100%;
|
|
padding: 0.2em 0.6em;
|
|
border-radius: 25px;
|
|
border: 1px solid #d9d9d9;
|
|
outline: 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-search-results {
|
|
height: 250px;
|
|
overflow-y: scroll;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category {
|
|
position: relative;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category .emoji-mart-emoji span {
|
|
z-index: 1;
|
|
position: relative;
|
|
text-align: center;
|
|
cursor: default;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category .emoji-mart-emoji:hover:before,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji-selected:before {
|
|
z-index: 0;
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: #f4f4f4;
|
|
border-radius: 100%;
|
|
opacity: 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category .emoji-mart-emoji:hover:before,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji-selected:before {
|
|
opacity: 1;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category-label {
|
|
position: sticky;
|
|
top: 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-static .emoji-mart-category-label {
|
|
z-index: 2;
|
|
position: relative;
|
|
/* position: sticky; */
|
|
/* position: -webkit-sticky; */
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-category-label h3 {
|
|
display: block;
|
|
font-size: 16px;
|
|
width: 100%;
|
|
font-weight: 500;
|
|
padding: 5px 6px;
|
|
background-color: #fff;
|
|
background-color: rgba(255, 255, 255, 0.95);
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-emoji {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-no-results {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
padding-top: 70px;
|
|
color: #858585;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-no-results .emoji-mart-category-label {
|
|
display: none;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-no-results .emoji-mart-no-results-label {
|
|
margin-top: 0.2em;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-no-results .emoji-mart-emoji:hover:before {
|
|
content: none;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview {
|
|
position: relative;
|
|
height: 70px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoji,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-data,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-skins {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoji {
|
|
left: 12px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-data {
|
|
left: 68px;
|
|
right: 12px;
|
|
word-break: break-all;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-skins {
|
|
right: 30px;
|
|
text-align: right;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-name {
|
|
font-size: 14px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-shortname {
|
|
font-size: 12px;
|
|
color: #888;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
|
|
margin-left: 0.5em;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-preview-emoticon {
|
|
font-size: 11px;
|
|
color: #bbb;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-title span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-title .emoji-mart-emoji {
|
|
padding: 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-title-label {
|
|
color: #999a9c;
|
|
font-size: 21px;
|
|
font-weight: 300;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatches {
|
|
font-size: 0;
|
|
padding: 2px 0;
|
|
border: 1px solid #d9d9d9;
|
|
border-radius: 12px;
|
|
background-color: #fff;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch {
|
|
width: 16px;
|
|
padding: 0 2px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatches-opened .emoji-mart-skin-swatch-selected:after {
|
|
opacity: 0.75;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch {
|
|
display: inline-block;
|
|
width: 0;
|
|
vertical-align: middle;
|
|
transition-property: width, padding;
|
|
transition-duration: 0.125s;
|
|
transition-timing-function: ease-out;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(1) {
|
|
transition-delay: 0s;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(2) {
|
|
transition-delay: 0.03s;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(3) {
|
|
transition-delay: 0.06s;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(4) {
|
|
transition-delay: 0.09s;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(5) {
|
|
transition-delay: 0.12s;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch:nth-child(6) {
|
|
transition-delay: 0.15s;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch-selected {
|
|
position: relative;
|
|
width: 16px;
|
|
padding: 0 2px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-swatch-selected:after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 4px;
|
|
height: 4px;
|
|
margin: -2px 0 0 -2px;
|
|
background-color: #fff;
|
|
border-radius: 100%;
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
transition: opacity 0.2s ease-out;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin {
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding-top: 100%;
|
|
max-width: 12px;
|
|
border-radius: 100%;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-1 {
|
|
background-color: #ffc93a;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-2 {
|
|
background-color: #fadcbc;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-3 {
|
|
background-color: #e0bb95;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-4 {
|
|
background-color: #bf8f68;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-5 {
|
|
background-color: #9b643d;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-skin-tone-6 {
|
|
background-color: #594539;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] {
|
|
/* vue-virtual-scroller/dist/vue-virtual-scroller.css */
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller {
|
|
position: relative;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-vertical:not(.page-mode) {
|
|
overflow-y: auto;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-horizontal:not(.page-mode) {
|
|
overflow-x: auto;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-horizontal {
|
|
display: flex;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller__slot {
|
|
flex: auto 0 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller__item-wrapper {
|
|
flex: 1;
|
|
box-sizing: border-box;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.ready .vue-recycle-scroller__item-view {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
will-change: transform;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper {
|
|
width: 100%;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper {
|
|
height: 100%;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view {
|
|
width: 100%;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view {
|
|
height: 100%;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .resize-observer[data-v-b329ee4c] {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: -1;
|
|
width: 100%;
|
|
height: 100%;
|
|
border: none;
|
|
background-color: transparent;
|
|
pointer-events: none;
|
|
display: block;
|
|
overflow: hidden;
|
|
opacity: 0;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .resize-observer[data-v-b329ee4c] object {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
pointer-events: none;
|
|
z-index: -1;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart-search .hidden {
|
|
display: none;
|
|
visibility: hidden;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart {
|
|
background-color: var(--color-main-background) !important;
|
|
border: 0;
|
|
color: var(--color-main-text) !important;
|
|
display: flex !important;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart button {
|
|
border: none;
|
|
background: transparent;
|
|
font-size: inherit;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-bar,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchors,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-search,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-search input,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category-label,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category-label span,
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-skin-swatches {
|
|
background-color: transparent !important;
|
|
border-color: var(--color-border) !important;
|
|
color: inherit !important;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchors {
|
|
padding-block: 0;
|
|
padding-inline: calc(2 * var(--default-grid-baseline));
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor {
|
|
border-radius: 0;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
height: var(--clickable-area-small);
|
|
min-width: var(--clickable-area-small);
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor:focus-visible {
|
|
outline: 2px solid var(--color-primary-element) !important;
|
|
outline-offset: -2px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-anchor div {
|
|
display: grid;
|
|
place-content: center;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-scroll {
|
|
padding-inline: calc(2 * var(--default-grid-baseline));
|
|
padding-block: 0 calc(2 * var(--default-grid-baseline));
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category {
|
|
display: grid;
|
|
grid-template-columns: repeat(8, 1fr);
|
|
justify-items: stretch;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-category.emoji-mart-no-results {
|
|
grid-template-columns: 1fr;
|
|
font-size: inherit;
|
|
color: var(--color-text-maxcontrast) !important;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart {
|
|
/* Label element in the section grid */
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart div.emoji-mart-category-label {
|
|
grid-column: span 8;
|
|
justify-self: stretch;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart {
|
|
/* An actual heading inside the element */
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart h3.emoji-mart-category-label {
|
|
display: flex;
|
|
align-items: center;
|
|
height: var(--default-clickable-area);
|
|
margin: 0;
|
|
padding-inline: calc(2 * var(--default-grid-baseline));
|
|
padding-block: 0;
|
|
user-select: none;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji {
|
|
aspect-ratio: 1/1;
|
|
text-align: center;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji:hover, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji:focus-visible, .nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji.emoji-mart-emoji-selected {
|
|
background-color: var(--color-background-hover) !important;
|
|
border: none;
|
|
border-radius: var(--border-radius-element);
|
|
box-shadow: none !important;
|
|
outline: 2px solid var(--color-primary-element) !important;
|
|
outline-offset: -2px;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji::before {
|
|
display: none;
|
|
}
|
|
.nc-emoji-picker-container[data-v-f2f99131] .emoji-mart .emoji-mart-emoji span {
|
|
cursor: pointer;
|
|
}
|
|
.search__wrapper[data-v-f2f99131] {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: var(--default-grid-baseline);
|
|
align-items: end;
|
|
padding-block: var(--default-grid-baseline);
|
|
padding-inline: calc(2 * var(--default-grid-baseline));
|
|
}
|
|
.row-selected button[data-v-f2f99131], .row-selected span[data-v-f2f99131] {
|
|
vertical-align: middle;
|
|
}
|
|
.emoji-delete[data-v-f2f99131] {
|
|
vertical-align: top;
|
|
margin-inline-start: -21px;
|
|
margin-top: -3px;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_1u9di_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._ncFormBox_1u9di_20 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: calc(1 * var(--default-grid-baseline));
|
|
}
|
|
._ncFormBox_1u9di_20._ncFormBox_row_1u9di_25 {
|
|
flex-direction: row;
|
|
}
|
|
._ncFormBox__item_1u9di_29 {
|
|
border-radius: var(--border-radius-small) !important;
|
|
}
|
|
._ncFormBox_col_1u9di_33 {
|
|
flex-direction: column;
|
|
}
|
|
._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:first-child {
|
|
border-start-start-radius: var(--border-radius-element) !important;
|
|
border-start-end-radius: var(--border-radius-element) !important;
|
|
}
|
|
._ncFormBox_col_1u9di_33 ._ncFormBox__item_1u9di_29:last-child {
|
|
border-end-start-radius: var(--border-radius-element) !important;
|
|
border-end-end-radius: var(--border-radius-element) !important;
|
|
}
|
|
._ncFormBox_row_1u9di_25 {
|
|
flex-direction: row;
|
|
}
|
|
._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29 {
|
|
flex: 1 1;
|
|
}
|
|
._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:first-child {
|
|
border-start-start-radius: var(--border-radius-element) !important;
|
|
border-end-start-radius: var(--border-radius-element) !important;
|
|
}
|
|
._ncFormBox_row_1u9di_25 ._ncFormBox__item_1u9di_29:last-child {
|
|
border-end-end-radius: var(--border-radius-element) !important;
|
|
border-start-end-radius: var(--border-radius-element) !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_15jyc_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._formBoxButton_15jyc_20 {
|
|
/* Reset default HTML button styles */
|
|
background: unset;
|
|
border: none;
|
|
color: inherit;
|
|
font-size: inherit;
|
|
font-weight: inherit;
|
|
text-decoration: none;
|
|
text-align: inherit;
|
|
line-height: inherit;
|
|
padding: 0;
|
|
margin: 0;
|
|
outline: none;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_v5un7_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._formBoxItem_v5un7_20 {
|
|
--nc-form-box-item-border-width: 1px;
|
|
--nc-form-box-item-min-height: 40px;
|
|
--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
|
|
--form-element-label-padding: calc(var(--form-element-label-offset) - var(--nc-form-box-item-border-width));
|
|
--color-primary-element-extra-light: hsl(from var(--color-primary-element-light) h s calc(l * 1.045));
|
|
--color-primary-element-extra-light-hover: hsl(from var(--color-primary-element-light-hover) h s calc(l * 1.045));
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: calc(2 * var(--default-grid-baseline));
|
|
min-height: var(--nc-form-box-item-min-height);
|
|
padding-inline: var(--form-element-label-padding);
|
|
border: 1px solid var(--color-primary-element-extra-light-hover);
|
|
border-bottom-width: 2px;
|
|
border-radius: var(--border-radius-element);
|
|
background-color: var(--color-primary-element-extra-light);
|
|
color: var(--color-main-text);
|
|
transition-property: color, border-color, background-color;
|
|
transition-duration: var(--animation-quick);
|
|
transition-timing-function: linear;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
cursor: pointer;
|
|
}
|
|
._formBoxItem_v5un7_20 * {
|
|
cursor: inherit;
|
|
}
|
|
._formBoxItem_v5un7_20:has(:disabled) {
|
|
cursor: default;
|
|
opacity: 0.5;
|
|
}
|
|
._formBoxItem_v5un7_20:hover:not(:has(:disabled)) {
|
|
color: var(--color-primary-element-light-text);
|
|
background-color: var(--color-primary-element-extra-light-hover);
|
|
}
|
|
._formBoxItem_v5un7_20:has(:focus-visible) {
|
|
outline: 2px solid var(--color-main-text);
|
|
box-shadow: 0 0 0 4px var(--color-main-background);
|
|
}
|
|
._formBoxItem_v5un7_20._formBoxItem_legacy_v5un7_60 {
|
|
--nc-form-box-item-border-width: 0px;
|
|
border: none;
|
|
}
|
|
._formBoxItem_v5un7_20._formBoxItem_inverted_v5un7_64 ._formBoxItem__element_v5un7_64 {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
._formBoxItem_v5un7_20._formBoxItem_inverted_v5un7_64 ._formBoxItem__description_v5un7_67 {
|
|
color: inherit;
|
|
}
|
|
._formBoxItem__content_v5un7_71 {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-block: calc(2 * var(--default-grid-baseline));
|
|
overflow-wrap: anywhere;
|
|
}
|
|
._formBoxItem__element_v5un7_64::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
._formBoxItem__description_v5un7_67 {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
._formBoxItem__icon_v5un7_89 {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_hjv1a_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
input._formBoxSwitch__input_hjv1a_20 {
|
|
margin: 0;
|
|
width: var(--default-clickable-area);
|
|
/* Keep it visually hidden but on the position of visual switch icon */
|
|
position: absolute;
|
|
inset-block: 0;
|
|
inset-inline-end: var(--form-element-label-offset);
|
|
z-index: -1;
|
|
opacity: 0 !important;
|
|
/* Override server styles */
|
|
height: auto;
|
|
cursor: inherit;
|
|
}
|
|
._formBoxSwitch__icon_hjv1a_34 {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
input:checked + ._formBoxSwitch__icon_hjv1a_34 {
|
|
color: var(--color-primary-element);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_9p8a1_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._formGroup_9p8a1_20 {
|
|
--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
|
|
--form-group-content-gap: calc(2 * var(--default-grid-baseline));
|
|
}
|
|
._formGroup_9p8a1_20._formGroup_noGap_9p8a1_24 {
|
|
--form-group-content-gap: 0;
|
|
}
|
|
._formGroup__label_9p8a1_28 {
|
|
padding-inline: var(--form-element-label-offset);
|
|
font-size: var(--font-size);
|
|
font-weight: bold;
|
|
}
|
|
._formGroup__description_9p8a1_34 {
|
|
padding-inline: var(--form-element-label-offset);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
._formGroup__content_9p8a1_39 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--form-group-content-gap);
|
|
margin-block-start: calc(2.5 * var(--default-grid-baseline));
|
|
}
|
|
._formGroup__content_9p8a1_39._formGroup__content_only_9p8a1_45 {
|
|
margin-block-start: 0;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-26ad2498] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
#guest-content-vue[data-v-26ad2498] {
|
|
color: var(--color-main-text);
|
|
background-color: var(--color-main-background);
|
|
min-width: 0;
|
|
border-radius: var(--border-radius-element);
|
|
box-shadow: 0 0 10px var(--color-box-shadow);
|
|
height: fit-content;
|
|
padding: 15px;
|
|
margin: 20px auto;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
#content.nc-guest-content {
|
|
overflow: auto;
|
|
margin-bottom: 0;
|
|
height: calc(var(--body-height) + var(--body-container-margin));
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-92fb182d] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/*!
|
|
* SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
.header-menu[data-v-92fb182d] {
|
|
position: relative;
|
|
width: var(--header-height);
|
|
height: var(--header-height);
|
|
}
|
|
.header-menu .header-menu__trigger[data-v-92fb182d] {
|
|
--button-size: var(--header-height) !important;
|
|
height: var(--header-height);
|
|
opacity: 0.85;
|
|
filter: none !important;
|
|
color: var(--color-background-plain-text, var(--color-primary-text)) !important;
|
|
}
|
|
.header-menu .header-menu__trigger[data-v-92fb182d]:focus-visible {
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.header-menu .header-menu__trigger[data-v-92fb182d] .button-vue__icon svg,
|
|
.header-menu .header-menu__trigger[data-v-92fb182d] .button-vue__icon:not(:has(svg)) {
|
|
mask: var(--header-menu-icon-mask, none);
|
|
}
|
|
.header-menu--opened .header-menu__trigger[data-v-92fb182d], .header-menu__trigger[data-v-92fb182d]:hover, .header-menu__trigger[data-v-92fb182d]:focus, .header-menu__trigger[data-v-92fb182d]:active {
|
|
opacity: 1;
|
|
}
|
|
@media only screen and (max-width: 512px) {
|
|
.header-menu[data-v-92fb182d] {
|
|
width: var(--default-clickable-area);
|
|
}
|
|
.header-menu .header-menu__trigger[data-v-92fb182d] {
|
|
--button-size: var(--default-clickable-area) !important;
|
|
}
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-d45c5788] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/*!
|
|
* SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
.header-menu[data-v-d45c5788] {
|
|
position: relative;
|
|
width: var(--header-height);
|
|
height: var(--header-height);
|
|
}
|
|
.header-menu .header-menu__trigger[data-v-d45c5788] {
|
|
--button-size: var(--header-height) !important;
|
|
height: var(--header-height);
|
|
opacity: 0.85;
|
|
filter: none !important;
|
|
color: var(--color-background-plain-text, var(--color-primary-text)) !important;
|
|
}
|
|
.header-menu .header-menu__trigger[data-v-d45c5788]:focus-visible {
|
|
outline: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
.header-menu .header-menu__trigger[data-v-d45c5788] .button-vue__icon svg,
|
|
.header-menu .header-menu__trigger[data-v-d45c5788] .button-vue__icon:not(:has(svg)) {
|
|
mask: var(--header-menu-icon-mask, none);
|
|
}
|
|
.header-menu--opened .header-menu__trigger[data-v-d45c5788], .header-menu__trigger[data-v-d45c5788]:hover, .header-menu__trigger[data-v-d45c5788]:focus, .header-menu__trigger[data-v-d45c5788]:active {
|
|
opacity: 1;
|
|
}
|
|
@media only screen and (max-width: 512px) {
|
|
.header-menu[data-v-d45c5788] {
|
|
width: var(--default-clickable-area);
|
|
}
|
|
.header-menu .header-menu__trigger[data-v-d45c5788] {
|
|
--button-size: var(--default-clickable-area) !important;
|
|
}
|
|
}
|
|
.header-menu__wrapper[data-v-d45c5788] {
|
|
position: fixed;
|
|
z-index: 2000;
|
|
top: var(--header-height);
|
|
inset-inline-end: 0;
|
|
box-sizing: border-box;
|
|
margin: 0 8px;
|
|
border-radius: var(--border-radius-element);
|
|
background-color: var(--color-main-background);
|
|
filter: drop-shadow(0 1px 5px var(--color-box-shadow));
|
|
}
|
|
.header-menu__caret[data-v-d45c5788] {
|
|
position: absolute;
|
|
z-index: 2001;
|
|
bottom: 0;
|
|
inset-inline-start: calc(50% - 10px);
|
|
width: 0;
|
|
height: 0;
|
|
content: " ";
|
|
pointer-events: none;
|
|
border: 10px solid transparent;
|
|
border-bottom-color: var(--color-main-background);
|
|
}
|
|
.header-menu__content[data-v-d45c5788] {
|
|
overflow: auto;
|
|
width: 350px;
|
|
max-width: calc(100vw - 16px);
|
|
min-height: calc(var(--default-clickable-area) * 1.5);
|
|
max-height: calc(100vh - var(--header-height) * 2);
|
|
}
|
|
.header-menu__content[data-v-d45c5788] .empty-content {
|
|
margin: 12vh 10px;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_1s86g_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._hotkey_1s86g_20 {
|
|
--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
|
|
display: flex;
|
|
flex-direction: row-reverse;
|
|
align-items: stretch;
|
|
padding-inline: var(--form-element-label-offset);
|
|
}
|
|
._hotkey_1s86g_20:first-child ._hotkey__label_1s86g_27,
|
|
._hotkey_1s86g_20:first-child ._hotkey__keys_1s86g_28 {
|
|
border-block-start: none;
|
|
}
|
|
._hotkey__label_1s86g_27,
|
|
._hotkey__keys_1s86g_28 {
|
|
display: flex;
|
|
align-items: center;
|
|
padding-block: calc(2 * var(--default-grid-baseline));
|
|
border-block-start: 1px solid var(--color-border);
|
|
}
|
|
._hotkey__label_1s86g_27 {
|
|
flex: 1 1 200px;
|
|
}
|
|
._hotkey__keys_1s86g_28 {
|
|
flex: 1 1 auto;
|
|
flex-wrap: wrap;
|
|
justify-content: end;
|
|
row-gap: calc(1 * var(--default-grid-baseline));
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_lf0a1_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._kbd_lf0a1_20 {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
padding-inline: calc(2 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline));
|
|
border: 2px solid var(--color-primary-element-light);
|
|
border-block-end-width: 4px;
|
|
border-radius: var(--border-radius-element);
|
|
box-shadow: none; /* Override server <kbd> styles */
|
|
font-family: var(--font-family); /* Design decision: looks better with the default font instead of mono */
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
}
|
|
._kbd_lf0a1_20 + ._kbd_lf0a1_20 {
|
|
margin-inline-start: calc(1 * var(--default-grid-baseline));
|
|
}
|
|
|
|
._hotkeyList_pf97p_2 {
|
|
--form-element-label-offset: calc(var(--border-radius-element) + var(--default-grid-baseline));
|
|
}
|
|
._hotkeyList__heading_pf97p_6 {
|
|
font-weight: bold;
|
|
margin-inline: var(--form-element-label-offset);
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-532f3807] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.list-item__wrapper[data-v-532f3807] {
|
|
display: flex;
|
|
position: relative;
|
|
width: 100%;
|
|
padding: 2px 4px;
|
|
}
|
|
.list-item__wrapper[data-v-532f3807]:first-of-type {
|
|
padding-block-start: 4px;
|
|
}
|
|
.list-item__wrapper[data-v-532f3807]:last-of-type {
|
|
padding-block-end: 4px;
|
|
}
|
|
.list-item__wrapper--active .list-item[data-v-532f3807], .list-item__wrapper.active .list-item[data-v-532f3807] {
|
|
background-color: var(--color-primary-element);
|
|
color: var(--color-primary-element-text) !important;
|
|
}
|
|
.list-item__wrapper--active .list-item[data-v-532f3807]:hover, .list-item__wrapper--active .list-item[data-v-532f3807]:focus-within, .list-item__wrapper--active .list-item[data-v-532f3807]:has(:focus-visible), .list-item__wrapper--active .list-item[data-v-532f3807]:has(:active), .list-item__wrapper.active .list-item[data-v-532f3807]:hover, .list-item__wrapper.active .list-item[data-v-532f3807]:focus-within, .list-item__wrapper.active .list-item[data-v-532f3807]:has(:focus-visible), .list-item__wrapper.active .list-item[data-v-532f3807]:has(:active) {
|
|
background-color: var(--color-primary-element-hover);
|
|
}
|
|
.list-item__wrapper--active .list-item-content__name[data-v-532f3807],
|
|
.list-item__wrapper--active .list-item-content__subname[data-v-532f3807],
|
|
.list-item__wrapper--active .list-item-content__details[data-v-532f3807],
|
|
.list-item__wrapper--active .list-item-details__details[data-v-532f3807], .list-item__wrapper.active .list-item-content__name[data-v-532f3807],
|
|
.list-item__wrapper.active .list-item-content__subname[data-v-532f3807],
|
|
.list-item__wrapper.active .list-item-content__details[data-v-532f3807],
|
|
.list-item__wrapper.active .list-item-details__details[data-v-532f3807] {
|
|
color: var(--color-primary-element-text) !important;
|
|
}
|
|
.list-item__wrapper .list-item-content__name[data-v-532f3807],
|
|
.list-item__wrapper .list-item-content__subname[data-v-532f3807],
|
|
.list-item__wrapper .list-item-content__details[data-v-532f3807],
|
|
.list-item__wrapper .list-item-details__details[data-v-532f3807] {
|
|
white-space: nowrap;
|
|
margin-block: 0;
|
|
margin-inline: 0 auto;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.list-item-content__name[data-v-532f3807] {
|
|
min-width: 100px;
|
|
flex: 1 1 10%;
|
|
font-weight: 500;
|
|
}
|
|
.list-item-content__subname[data-v-532f3807] {
|
|
flex: 1 0;
|
|
min-width: 0;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.list-item-content__subname--bold[data-v-532f3807] {
|
|
font-weight: 500;
|
|
}
|
|
.list-item[data-v-532f3807] {
|
|
--list-item-padding: var(--default-grid-baseline);
|
|
--list-item-height: 2lh;
|
|
--list-item-border-radius: var(--border-radius-element, 32px);
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
position: relative;
|
|
flex: 0 0 auto;
|
|
justify-content: flex-start;
|
|
padding: var(--list-item-padding);
|
|
width: 100%;
|
|
border-radius: var(--border-radius-element, 32px);
|
|
cursor: pointer;
|
|
transition: background-color var(--animation-quick) ease-in-out;
|
|
list-style: none;
|
|
}
|
|
.list-item[data-v-532f3807]:hover, .list-item[data-v-532f3807]:focus-within, .list-item[data-v-532f3807]:has(:active), .list-item[data-v-532f3807]:has(:focus-visible) {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.list-item[data-v-532f3807]:has(.list-item__anchor:focus-visible) {
|
|
outline: 2px solid var(--color-main-text);
|
|
box-shadow: 0 0 0 4px var(--color-main-background);
|
|
}
|
|
.list-item--compact[data-v-532f3807] {
|
|
--list-item-padding: calc(0.5 * var(--default-grid-baseline)) var(--default-grid-baseline);
|
|
}
|
|
.list-item--compact[data-v-532f3807]:not(:has(.list-item-content__subname)) {
|
|
--list-item-height: var(--default-clickable-area);
|
|
}
|
|
.list-item--one-line[data-v-532f3807] {
|
|
--list-item-height: var(--default-clickable-area);
|
|
--list-item-border-radius: var(--border-radius-element, calc(var(--default-clickable-area) / 2));
|
|
--list-item-padding: var(--default-grid-baseline);
|
|
}
|
|
.list-item--one-line .list-item-content__main[data-v-532f3807] {
|
|
display: flex;
|
|
justify-content: start;
|
|
gap: 12px;
|
|
min-width: 0;
|
|
}
|
|
.list-item--one-line .list-item-content__details[data-v-532f3807] {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: end;
|
|
}
|
|
.list-item--one-line .list-item-content__name[data-v-532f3807] {
|
|
align-self: center;
|
|
max-width: 300px;
|
|
}
|
|
.list-item__anchor[data-v-532f3807] {
|
|
color: inherit;
|
|
display: flex;
|
|
flex: 1 0 auto;
|
|
align-items: center;
|
|
height: var(--list-item-height);
|
|
min-width: 0;
|
|
}
|
|
.list-item__anchor[data-v-532f3807]:focus-visible {
|
|
outline: none;
|
|
}
|
|
.list-item-content[data-v-532f3807] {
|
|
display: flex;
|
|
flex: 1 0;
|
|
justify-content: space-between;
|
|
padding-inline-start: calc(2 * var(--default-grid-baseline));
|
|
min-width: 0;
|
|
}
|
|
.list-item-content__main[data-v-532f3807] {
|
|
flex: 1 0;
|
|
width: 0;
|
|
margin: auto 0;
|
|
}
|
|
.list-item-content__main--oneline[data-v-532f3807] {
|
|
display: flex;
|
|
}
|
|
.list-item-content__details[data-v-532f3807] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: end;
|
|
align-items: end;
|
|
}
|
|
.list-item-content__actions[data-v-532f3807], .list-item-content__extra-actions[data-v-532f3807] {
|
|
flex: 0 0 auto;
|
|
align-self: center;
|
|
justify-content: center;
|
|
margin-inline-start: var(--default-grid-baseline);
|
|
}
|
|
.list-item-content__extra-actions[data-v-532f3807] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--default-grid-baseline);
|
|
}
|
|
.list-item-details__details[data-v-532f3807] {
|
|
color: var(--color-text-maxcontrast);
|
|
margin: 0 9px !important;
|
|
font-weight: normal;
|
|
}
|
|
.list-item-details__extra[data-v-532f3807] {
|
|
margin: 2px 4px 0 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.list-item-details__indicator[data-v-532f3807] {
|
|
margin: 0 5px;
|
|
}
|
|
.list-item__extra[data-v-532f3807] {
|
|
margin-top: var(--default-grid-baseline);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-60a83836] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.option[data-v-60a83836] {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
height: var(--height);
|
|
cursor: inherit;
|
|
}
|
|
.option__avatar[data-v-60a83836] {
|
|
margin-inline-end: var(--margin);
|
|
}
|
|
.option__details[data-v-60a83836] {
|
|
display: flex;
|
|
flex: 1 1;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-width: 0;
|
|
}
|
|
.option__lineone[data-v-60a83836] {
|
|
color: var(--color-main-text);
|
|
}
|
|
.option__linetwo[data-v-60a83836] {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.option__lineone[data-v-60a83836], .option__linetwo[data-v-60a83836] {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
line-height: 1.2;
|
|
}
|
|
.option__lineone strong[data-v-60a83836], .option__linetwo strong[data-v-60a83836] {
|
|
font-weight: bold;
|
|
}
|
|
.option--compact .option__lineone[data-v-60a83836] {
|
|
font-size: 14px;
|
|
}
|
|
.option--compact .option__linetwo[data-v-60a83836] {
|
|
font-size: 11px;
|
|
line-height: 1.5;
|
|
margin-top: -4px;
|
|
}
|
|
.option__icon[data-v-60a83836] {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.option__icon.icon[data-v-60a83836] {
|
|
flex: 0 0 var(--default-clickable-area);
|
|
opacity: 0.7;
|
|
background-position: center;
|
|
background-size: 16px;
|
|
}
|
|
.option__details[data-v-60a83836], .option__lineone[data-v-60a83836], .option__linetwo[data-v-60a83836], .option__icon[data-v-60a83836] {
|
|
cursor: inherit;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-38ba4aa1] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.progress-bar[data-v-38ba4aa1] {
|
|
display: block;
|
|
height: var(--progress-bar-height);
|
|
--progress-bar-color: var(--0a7905e8);
|
|
--progress-bar-height: var(--d7eb5974);
|
|
}
|
|
.progress-bar--linear[data-v-38ba4aa1] {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
border: 0;
|
|
padding: 0;
|
|
background: var(--color-background-dark);
|
|
border-radius: calc(var(--progress-bar-height) / 2);
|
|
}
|
|
.progress-bar--linear[data-v-38ba4aa1]::-webkit-progress-bar {
|
|
height: var(--progress-bar-height);
|
|
background-color: transparent;
|
|
}
|
|
.progress-bar--linear[data-v-38ba4aa1]::-webkit-progress-value {
|
|
background: var(--progress-bar-color, var(--gradient-primary-background));
|
|
border-radius: calc(var(--progress-bar-height) / 2);
|
|
}
|
|
.progress-bar--linear[data-v-38ba4aa1]::-moz-progress-bar {
|
|
background: var(--progress-bar-color, var(--gradient-primary-background));
|
|
border-radius: calc(var(--progress-bar-height) / 2);
|
|
}
|
|
.progress-bar--circular[data-v-38ba4aa1] {
|
|
width: var(--progress-bar-height);
|
|
color: var(--progress-bar-color);
|
|
}
|
|
.progress-bar--error[data-v-38ba4aa1] {
|
|
color: var(--color-text-error, var(--color-error)) !important;
|
|
}
|
|
.progress-bar--error[data-v-38ba4aa1]::-moz-progress-bar {
|
|
background: var(--color-text-error, var(--color-error)) !important;
|
|
}
|
|
.progress-bar--error[data-v-38ba4aa1]::-webkit-progress-value {
|
|
background: var(--color-text-error, var(--color-error)) !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_14z4o_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._radioGroup_checkboxRadioContainer_14z4o_20 .checkbox-content {
|
|
max-width: unset !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_1euqq_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._radioGroupButton_1euqq_20 {
|
|
--radio-group-button--border-radius: var(--border-radius-small);
|
|
--radio-group-button--border-width: 1px;
|
|
--radio-group-button--color: var(--color-primary-element-light-text);
|
|
--radio-group-button--background-color: var(--color-primary-element-light);
|
|
--radio-group-button--background-color-hover: var(--color-primary-element-light-hover);
|
|
--radio-group-button--padding: 1px;
|
|
cursor: pointer;
|
|
color: var(--radio-group-button--color);
|
|
background-color: var(--radio-group-button--background-color);
|
|
transition: var(--animation-quick) background-color;
|
|
border: var(--radio-group-button--border-width) solid var(--radio-group-button--background-color-hover);
|
|
border-bottom-width: 2px;
|
|
border-radius: var(--radio-group-button--border-radius);
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
min-height: var(--default-clickable-area);
|
|
padding-block: var(--radio-group-button--padding) 0;
|
|
padding-inline: var(--radio-group-button--padding);
|
|
}
|
|
._radioGroupButton_1euqq_20 * {
|
|
cursor: pointer;
|
|
}
|
|
._radioGroupButton_1euqq_20:has(._radioGroupButton__label_1euqq_46) {
|
|
padding-inline: calc(var(--radio-group-button--padding) + var(--border-radius-element));
|
|
}
|
|
._radioGroupButton_1euqq_20:has(._radioGroupButton__icon_1euqq_49) {
|
|
padding-inline-start: var(--radio-group-button--padding);
|
|
}
|
|
._radioGroupButton_1euqq_20:hover {
|
|
background-color: var(--radio-group-button--background-color-hover);
|
|
}
|
|
._radioGroupButton_1euqq_20:focus-within {
|
|
--radio-group-button--border-width: 2px;
|
|
--radio-group-button--padding: 0px;
|
|
border: var(--radio-group-button--border-width) solid var(--color-main-text) !important;
|
|
outline: calc(var(--default-grid-baseline) / 2) var(--color-main-background);
|
|
}
|
|
._radioGroupButton_active_1euqq_62 {
|
|
--radio-group-button--color: var(--color-primary-element-text);
|
|
--radio-group-button--background-color: var(--color-primary-element);
|
|
--radio-group-button--background-color-hover: var(--color-primary-element-hover);
|
|
}
|
|
._radioGroupButton__label_1euqq_46 {
|
|
font-weight: bold;
|
|
}
|
|
._radioGroupButton__icon_1euqq_49 {
|
|
--radio-group-button--icon-size: calc(var(--default-clickable-area) - 4px);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
height: 100%;
|
|
width: var(--radio-group-button--icon-size);
|
|
}
|
|
._radioGroupButton__icon_1euqq_49 * {
|
|
--default-clickable-area: var(--radio-group-button--icon-size);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-8db55138] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.resource[data-v-8db55138] {
|
|
display: flex;
|
|
align-items: center;
|
|
height: var(--default-clickable-area);
|
|
}
|
|
.resource__button[data-v-8db55138] {
|
|
width: 100% !important;
|
|
justify-content: flex-start !important;
|
|
padding: 0 !important;
|
|
}
|
|
.resource__button[data-v-8db55138] .button-vue__wrapper {
|
|
justify-content: flex-start !important;
|
|
}
|
|
.resource__button[data-v-8db55138] .button-vue__wrapper .button-vue__text {
|
|
font-weight: normal !important;
|
|
margin-inline-start: 2px !important;
|
|
}
|
|
.resource__icon[data-v-8db55138] {
|
|
width: 32px;
|
|
height: 32px;
|
|
background-color: var(--color-text-maxcontrast);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.resource__icon img[data-v-8db55138] {
|
|
width: 16px;
|
|
height: 16px;
|
|
filter: var(--background-invert-if-dark);
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-a0203ee5] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.team-resources__header[data-v-a0203ee5] {
|
|
font-weight: bold;
|
|
margin-bottom: 6px;
|
|
}
|
|
.related-team[data-v-a0203ee5] {
|
|
border-radius: var(--border-radius-container);
|
|
border: 2px solid var(--color-border-dark);
|
|
margin-bottom: 6px;
|
|
}
|
|
.related-team__open[data-v-a0203ee5] {
|
|
border-color: var(--color-primary-element);
|
|
}
|
|
.related-team__header[data-v-a0203ee5] {
|
|
padding: 6px;
|
|
padding-inline-end: 24px;
|
|
display: flex;
|
|
gap: 12px;
|
|
}
|
|
.related-team__name[data-v-a0203ee5] {
|
|
display: flex;
|
|
flex-grow: 1;
|
|
align-items: center;
|
|
gap: 12px;
|
|
padding: 6px 12px;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
}
|
|
.related-team .related-team-provider[data-v-a0203ee5] {
|
|
padding: 6px 12px;
|
|
}
|
|
.related-team .related-team-provider__name[data-v-a0203ee5] {
|
|
font-weight: bold;
|
|
margin-bottom: 3px;
|
|
}
|
|
.related-team .related-team-provider__link[data-v-a0203ee5] {
|
|
display: flex;
|
|
gap: 12px;
|
|
padding: 6px 12px;
|
|
font-weight: bold;
|
|
}
|
|
.related-team .related-team-resource__link[data-v-a0203ee5] {
|
|
display: flex;
|
|
gap: 12px;
|
|
height: var(--default-clickable-area);
|
|
align-items: center;
|
|
border-radius: var(--border-radius-element);
|
|
}
|
|
.related-team .related-team-resource__link[data-v-a0203ee5]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.related-team .related-team-resource__link[data-v-a0203ee5]:focus {
|
|
background-color: var(--color-background-hover);
|
|
outline: 2px solid var(--color-primary-element);
|
|
}
|
|
.related-team .related-team-resource .resource__icon[data-v-a0203ee5] {
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
}
|
|
.related-team .related-team-resource .resource__icon > img[data-v-a0203ee5] {
|
|
border-radius: var(--border-radius-pill);
|
|
overflow: hidden;
|
|
width: 32px;
|
|
height: 32px;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-7a009a6b] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.related-resources__header h5[data-v-7a009a6b] {
|
|
font-weight: bold;
|
|
margin-bottom: 6px;
|
|
}
|
|
.related-resources__header p[data-v-7a009a6b] {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-ca83b679] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.autocomplete-result[data-v-ca83b679] {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--default-grid-baseline);
|
|
line-height: 1.2;
|
|
--auto-complete-result-avatar-size: var(--default-clickable-area);
|
|
}
|
|
.autocomplete-result__icon[data-v-ca83b679] {
|
|
position: relative;
|
|
flex: 0 0 var(--default-clickable-area);
|
|
width: var(--default-clickable-area);
|
|
min-width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
border-radius: var(--default-clickable-area);
|
|
background-color: var(--color-background-darker);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: contain;
|
|
}
|
|
.autocomplete-result__icon--with-avatar[data-v-ca83b679] {
|
|
color: inherit;
|
|
background-size: cover;
|
|
}
|
|
.autocomplete-result__status[data-v-ca83b679] {
|
|
--auto-complete-result-status-icon-size: clamp(14px, var(--auto-complete-result-avatar-size) * 0.4, 18px);
|
|
--auto-complete-result-status-icon-position: calc(var(--auto-complete-result-avatar-size) / 2 * (1 - 1 / sqrt(2)) - var(--auto-complete-result-status-icon-size) / 2);
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
inset-inline-end: var(--auto-complete-result-status-icon-position);
|
|
bottom: var(--auto-complete-result-status-icon-position);
|
|
height: var(--auto-complete-result-status-icon-size);
|
|
width: var(--auto-complete-result-status-icon-size);
|
|
border: 2px solid var(--color-main-background);
|
|
border-radius: 50%;
|
|
background-color: var(--color-main-background);
|
|
font-size: calc(var(--auto-complete-result-status-icon-size) / 1.2);
|
|
line-height: 1.2;
|
|
background-repeat: no-repeat;
|
|
background-size: var(--auto-complete-result-status-icon-size);
|
|
background-position: center;
|
|
}
|
|
.autocomplete-result__status--icon[data-v-ca83b679] {
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
.autocomplete-result__content[data-v-ca83b679] {
|
|
display: flex;
|
|
flex: 1 1 100%;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
min-width: 0;
|
|
}
|
|
.autocomplete-result__title[data-v-ca83b679], .autocomplete-result__subline[data-v-ca83b679] {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.autocomplete-result__subline[data-v-ca83b679] {
|
|
color: var(--color-text-maxcontrast);
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-faef642b] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.rich-contenteditable[data-v-faef642b] {
|
|
--contenteditable-block-offset: calc(2 * var(--default-grid-baseline));
|
|
--contenteditable-inline-start-offset: calc(2 * var(--default-grid-baseline));
|
|
--contenteditable-inline-end-offset: calc(2 * var(--default-grid-baseline));
|
|
position: relative;
|
|
width: auto;
|
|
}
|
|
.rich-contenteditable__label[data-v-faef642b] {
|
|
position: absolute;
|
|
margin-inline: 14px;
|
|
max-width: fit-content;
|
|
inset-block-start: 11px;
|
|
inset-inline: 0;
|
|
color: var(--color-text-maxcontrast);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
pointer-events: none;
|
|
transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
|
|
}
|
|
.rich-contenteditable__input:focus + .rich-contenteditable__label[data-v-faef642b], .rich-contenteditable__input:not(.rich-contenteditable__input--empty) + .rich-contenteditable__label[data-v-faef642b] {
|
|
inset-block-start: -10px;
|
|
line-height: 1.5;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
border-radius: var(--default-grid-baseline) var(--default-grid-baseline) 0 0;
|
|
background-color: var(--color-main-background);
|
|
padding-inline: 5px;
|
|
margin-inline: 9px;
|
|
transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
|
|
}
|
|
.rich-contenteditable__input[data-v-faef642b] {
|
|
overflow-y: auto;
|
|
width: auto;
|
|
margin: 0;
|
|
padding-block: var(--contenteditable-block-offset);
|
|
padding-inline: var(--contenteditable-inline-start-offset) var(--contenteditable-inline-end-offset);
|
|
cursor: text;
|
|
white-space: pre-wrap;
|
|
overflow-wrap: break-word;
|
|
color: var(--color-main-text);
|
|
border: 2px solid var(--color-border-maxcontrast);
|
|
border-radius: var(--border-radius-element);
|
|
outline: none;
|
|
background-color: var(--color-main-background);
|
|
font-family: var(--font-face);
|
|
font-size: inherit;
|
|
tab-size: 4;
|
|
min-height: var(--default-clickable-area);
|
|
max-height: calc(var(--default-clickable-area) * 5.5);
|
|
}
|
|
.rich-contenteditable__input--has-label[data-v-faef642b] {
|
|
margin-top: 10px;
|
|
}
|
|
.rich-contenteditable__input--empty[data-v-faef642b]:focus:before, .rich-contenteditable__input--empty[data-v-faef642b]:not(.rich-contenteditable__input--has-label):before {
|
|
content: attr(aria-placeholder);
|
|
color: var(--color-text-maxcontrast);
|
|
position: absolute;
|
|
width: calc(100% - var(--contenteditable-inline-start-offset) - var(--contenteditable-inline-end-offset));
|
|
height: calc(100% - 2 * var(--contenteditable-block-offset));
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.rich-contenteditable__input[contenteditable=false][data-v-faef642b]:not(.rich-contenteditable__input--disabled) {
|
|
cursor: default;
|
|
background-color: transparent;
|
|
color: var(--color-main-text);
|
|
border-color: transparent;
|
|
opacity: 1;
|
|
border-radius: 0;
|
|
}
|
|
.rich-contenteditable__input--multiline[data-v-faef642b] {
|
|
min-height: calc(var(--default-clickable-area) * 3);
|
|
max-height: none;
|
|
}
|
|
.rich-contenteditable__input--disabled[data-v-faef642b] {
|
|
opacity: 0.5;
|
|
color: var(--color-text-maxcontrast);
|
|
border: 2px solid var(--color-background-darker);
|
|
border-radius: var(--border-radius-small);
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
.rich-contenteditable__input--overflow[data-v-faef642b], .rich-contenteditable__input--overflow[data-v-faef642b]:hover {
|
|
border-color: var(--color-border-error, var(--color-error)) !important;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
._material-design-icon_1xkrb_12 {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
._tribute-container_1xkrb_20 {
|
|
z-index: 9000;
|
|
overflow: auto;
|
|
position: absolute;
|
|
/* stylelint-disable-next-line csstools/use-logical */ /* upstream logic */
|
|
left: -100vw;
|
|
margin: var(--default-grid-baseline) 0;
|
|
padding: var(--default-grid-baseline);
|
|
color: var(--color-text-maxcontrast);
|
|
border-radius: var(--border-radius-element);
|
|
background: var(--color-main-background);
|
|
box-shadow: 0 1px 5px var(--color-box-shadow);
|
|
}
|
|
._tribute-container_1xkrb_20, ._tribute-container_1xkrb_20 * {
|
|
box-sizing: border-box;
|
|
}
|
|
._tribute-container_1xkrb_20 ul {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--default-grid-baseline);
|
|
}
|
|
._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41 {
|
|
color: var(--color-text-maxcontrast);
|
|
border-radius: var(--border-radius-small);
|
|
padding: var(--default-grid-baseline);
|
|
cursor: pointer;
|
|
min-height: var(--clickable-area-small, auto);
|
|
}
|
|
._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight {
|
|
color: var(--color-main-text);
|
|
background: var(--color-background-hover);
|
|
}
|
|
._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight, ._tribute-container_1xkrb_20 ._tribute-container__item_1xkrb_41.highlight * {
|
|
cursor: pointer;
|
|
}
|
|
._tribute-container_1xkrb_20._tribute-container--focus-visible_1xkrb_55 .highlight._tribute-container__item_1xkrb_41 {
|
|
outline: 2px solid var(--color-main-text) !important;
|
|
}
|
|
._tribute-container-autocomplete_1xkrb_59 {
|
|
min-width: 250px;
|
|
max-width: 300px;
|
|
max-height: calc((var(--default-clickable-area) + 3 * var(--default-grid-baseline)) * 4.5 - 1.5 * var(--default-grid-baseline));
|
|
}
|
|
._tribute-container-emoji_1xkrb_65,
|
|
._tribute-container-link_1xkrb_66 {
|
|
min-width: 200px;
|
|
max-width: 200px;
|
|
max-height: calc((24px + 3 * var(--default-grid-baseline)) * 5.5 - 1.5 * var(--default-grid-baseline));
|
|
}
|
|
._tribute-container-emoji_1xkrb_65 ._tribute-item_1xkrb_71,
|
|
._tribute-container-link_1xkrb_66 ._tribute-item_1xkrb_71 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
._tribute-container-link_1xkrb_66 {
|
|
min-width: 200px;
|
|
max-width: 300px;
|
|
}
|
|
._tribute-container-link_1xkrb_66 ._tribute-item_1xkrb_71 {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
._tribute-container-link_1xkrb_66 ._tribute-item__title_1xkrb_86 {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
._tribute-container-link_1xkrb_66 ._tribute-item__icon_1xkrb_91 {
|
|
margin: auto 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
object-fit: contain;
|
|
padding-inline-end: var(--default-grid-baseline);
|
|
filter: var(--background-invert-if-dark);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-e408867a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-90c6aa3b] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.provider-list[data-v-90c6aa3b] {
|
|
width: 100%;
|
|
min-height: 400px;
|
|
padding: 0 16px 16px 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.provider-list--select[data-v-90c6aa3b] {
|
|
width: 100%;
|
|
}
|
|
.provider-list--select .provider[data-v-90c6aa3b] {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 28px;
|
|
overflow: hidden;
|
|
}
|
|
.provider-list--select .provider .link-icon[data-v-90c6aa3b] {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.provider-list--select .provider .provider-icon[data-v-90c6aa3b] {
|
|
width: 20px;
|
|
height: 20px;
|
|
object-fit: contain;
|
|
margin-inline-end: 8px;
|
|
filter: var(--background-invert-if-dark);
|
|
}
|
|
.provider-list--select .provider .option-text[data-v-90c6aa3b] {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-8ce33442] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.widget-custom[data-v-8ce33442] {
|
|
width: 100%;
|
|
margin: auto;
|
|
margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
|
|
margin-top: calc(var(--default-grid-baseline, 4px) * 3);
|
|
overflow: hidden;
|
|
border: 2px solid var(--color-border);
|
|
border-radius: var(--border-radius-container);
|
|
background-color: transparent;
|
|
display: flex;
|
|
}
|
|
.widget-custom.full-width[data-v-8ce33442] {
|
|
width: var(--widget-full-width, 100%) !important;
|
|
inset-inline-start: calc((var(--widget-full-width, 100%) - 100%) / 2 * -1);
|
|
position: relative;
|
|
}
|
|
.widget-access[data-v-8ce33442] {
|
|
width: 100%;
|
|
margin: auto;
|
|
margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
|
|
margin-top: calc(var(--default-grid-baseline, 4px) * 3);
|
|
overflow: hidden;
|
|
border: 2px solid var(--color-border);
|
|
border-radius: var(--border-radius-container);
|
|
background-color: transparent;
|
|
display: flex;
|
|
padding: calc(var(--default-grid-baseline, 4px) * 3);
|
|
}
|
|
.widget-default[data-v-8ce33442] {
|
|
width: 100%;
|
|
margin: auto;
|
|
margin-bottom: calc(var(--default-grid-baseline, 4px) * 3);
|
|
margin-top: calc(var(--default-grid-baseline, 4px) * 3);
|
|
overflow: hidden;
|
|
border: 2px solid var(--color-border);
|
|
border-radius: var(--border-radius-container);
|
|
background-color: transparent;
|
|
display: flex;
|
|
}
|
|
.widget-default--compact[data-v-8ce33442] {
|
|
flex-direction: column;
|
|
}
|
|
.widget-default--compact .widget-default--image[data-v-8ce33442] {
|
|
width: 100%;
|
|
height: 150px;
|
|
}
|
|
.widget-default--compact .widget-default--details[data-v-8ce33442] {
|
|
width: 100%;
|
|
padding-top: calc(var(--default-grid-baseline, 4px) * 2);
|
|
padding-bottom: calc(var(--default-grid-baseline, 4px) * 2);
|
|
}
|
|
.widget-default--compact .widget-default--description[data-v-8ce33442] {
|
|
display: none;
|
|
}
|
|
.widget-default--image[data-v-8ce33442] {
|
|
width: 40%;
|
|
background-position: center;
|
|
background-size: cover;
|
|
background-repeat: no-repeat;
|
|
}
|
|
.widget-default--name[data-v-8ce33442] {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
font-weight: bold;
|
|
}
|
|
.widget-default--details[data-v-8ce33442] {
|
|
padding: calc(var(--default-grid-baseline, 4px) * 3);
|
|
width: 60%;
|
|
}
|
|
.widget-default--details p[data-v-8ce33442] {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.widget-default--description[data-v-8ce33442] {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 3;
|
|
line-clamp: 3; /* stylelint-disable-line property-no-unknown */
|
|
-webkit-box-orient: vertical;
|
|
}
|
|
.widget-default--link[data-v-8ce33442] {
|
|
color: var(--color-text-maxcontrast);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.toggle-interactive[data-v-8ce33442] {
|
|
position: relative;
|
|
}
|
|
.toggle-interactive .toggle-interactive--button[data-v-8ce33442] {
|
|
position: absolute;
|
|
bottom: var(--default-grid-baseline);
|
|
inset-inline-end: var(--default-grid-baseline);
|
|
z-index: 10000;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-a0658f2a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.raw-link[data-v-a0658f2a] {
|
|
width: 100%;
|
|
min-height: 350px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow-y: auto;
|
|
padding: 0 16px 16px 16px;
|
|
}
|
|
.raw-link .input-wrapper[data-v-a0658f2a] {
|
|
width: 100%;
|
|
}
|
|
.raw-link .reference-widget[data-v-a0658f2a] {
|
|
display: flex;
|
|
}
|
|
.raw-link--empty-content .provider-icon[data-v-a0658f2a] {
|
|
width: 150px;
|
|
height: 150px;
|
|
object-fit: contain;
|
|
filter: var(--background-invert-if-dark);
|
|
}
|
|
.raw-link--input[data-v-a0658f2a] {
|
|
width: 99%;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-059edcfb] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.result[data-v-059edcfb] {
|
|
display: flex;
|
|
align-items: center;
|
|
height: var(--default-clickable-area);
|
|
overflow: hidden;
|
|
}
|
|
.result--icon-class[data-v-059edcfb], .result--image[data-v-059edcfb] {
|
|
width: 40px;
|
|
min-width: 40px;
|
|
height: 40px;
|
|
object-fit: contain;
|
|
}
|
|
.result--icon-class.rounded[data-v-059edcfb], .result--image.rounded[data-v-059edcfb] {
|
|
border-radius: 50%;
|
|
}
|
|
.result--content[data-v-059edcfb] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding-inline-start: 10px;
|
|
overflow: hidden;
|
|
}
|
|
.result--content--name[data-v-059edcfb], .result--content--subline[data-v-059edcfb] {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-e8abf1d4] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.smart-picker-search[data-v-e8abf1d4] {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 0 16px 16px 16px;
|
|
}
|
|
.smart-picker-search.with-empty-content[data-v-e8abf1d4] {
|
|
min-height: 400px;
|
|
}
|
|
.smart-picker-search .provider-icon[data-v-e8abf1d4] {
|
|
width: 150px;
|
|
height: 150px;
|
|
object-fit: contain;
|
|
filter: var(--background-invert-if-dark);
|
|
}
|
|
.smart-picker-search--select[data-v-e8abf1d4] {
|
|
width: 100%;
|
|
}
|
|
.smart-picker-search--select .search-result[data-v-e8abf1d4] {
|
|
width: 100%;
|
|
}
|
|
.smart-picker-search--select .group-name-icon[data-v-e8abf1d4],
|
|
.smart-picker-search--select .option-simple-icon[data-v-e8abf1d4] {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 0 20px 0 10px;
|
|
}
|
|
.smart-picker-search--select .custom-option[data-v-e8abf1d4] {
|
|
height: var(--default-clickable-area);
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
}
|
|
.smart-picker-search--select .option-text[data-v-e8abf1d4] {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-b193005a] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.reference-picker[data-v-b193005a] {
|
|
display: flex;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}
|
|
.reference-picker .custom-element-wrapper[data-v-b193005a] {
|
|
display: flex;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}
|
|
.reference-picker .custom-element-wrapper .custom-element[data-v-b193005a] {
|
|
display: flex;
|
|
overflow-y: auto;
|
|
width: 100%;
|
|
}/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-15018516] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.reference-picker-modal[data-v-15018516] .modal-container {
|
|
display: flex !important;
|
|
}
|
|
.reference-picker-modal--content[data-v-15018516] {
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
overflow-y: auto;
|
|
}
|
|
.reference-picker-modal--content .close-button[data-v-15018516],
|
|
.reference-picker-modal--content .back-button[data-v-15018516] {
|
|
position: absolute;
|
|
top: 4px;
|
|
}
|
|
.reference-picker-modal--content .back-button[data-v-15018516] {
|
|
inset-inline-start: 4px;
|
|
}
|
|
.reference-picker-modal--content .close-button[data-v-15018516] {
|
|
inset-inline-end: 4px;
|
|
}
|
|
.reference-picker-modal--content > h2[data-v-15018516] {
|
|
display: flex;
|
|
margin: 12px 0 20px 0;
|
|
}
|
|
.reference-picker-modal--content > h2 .icon[data-v-15018516] {
|
|
margin-inline-end: 8px;
|
|
}
|
|
@charset "UTF-8";/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-ddd65c9e] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.widgets--list[data-v-ddd65c9e] {
|
|
width: 100%;
|
|
min-height: var(--default-clickable-area);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-a47e4ba7] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* Colors and class selectors are extracted from source code of:
|
|
* - library: highlight.js (v11.10.0)
|
|
* - light theme: highlight.js/styles/github.css
|
|
* - dark theme: highlight.js/styles/github-dark.css
|
|
* and reworked to use with F7cloud dark and light theme
|
|
*/
|
|
.rich-text--wrapper[data-v-a47e4ba7] {
|
|
overflow-wrap: break-word;
|
|
line-height: 1.5;
|
|
}
|
|
.rich-text--wrapper .rich-text--fallback[data-v-a47e4ba7], .rich-text--wrapper .rich-text-component[data-v-a47e4ba7] {
|
|
display: inline;
|
|
}
|
|
.rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7] {
|
|
text-decoration: underline;
|
|
}
|
|
.rich-text--wrapper .rich-text--external-link[data-v-a47e4ba7]:after {
|
|
content: " ↗";
|
|
}
|
|
|
|
/* Markdown styles */
|
|
.rich-text--wrapper-markdown[data-v-a47e4ba7] {
|
|
tab-size: 4;
|
|
}
|
|
.rich-text--wrapper-markdown[data-v-a47e4ba7] > :first-child,
|
|
.rich-text--wrapper-markdown div[data-v-a47e4ba7] > :first-child,
|
|
.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :first-child {
|
|
margin-top: 0 !important;
|
|
}
|
|
.rich-text--wrapper-markdown[data-v-a47e4ba7] > :last-child, .rich-text--wrapper-markdown[data-v-a47e4ba7] > *:has(+ .rich-text--reference-widget),
|
|
.rich-text--wrapper-markdown div[data-v-a47e4ba7] > :last-child,
|
|
.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] > :last-child {
|
|
margin-block-end: 0 !important;
|
|
}
|
|
.rich-text--wrapper-markdown blockquote[data-v-a47e4ba7] {
|
|
padding-inline-start: 13px;
|
|
border-inline-start: 2px solid var(--color-border-dark);
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7], .rich-text--wrapper-markdown p[data-v-a47e4ba7], .rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7], .rich-text--wrapper-markdown blockquote[data-v-a47e4ba7], .rich-text--wrapper-markdown pre[data-v-a47e4ba7] {
|
|
margin-top: 0;
|
|
margin-block-end: 1em;
|
|
}
|
|
.rich-text--wrapper-markdown h1[data-v-a47e4ba7], .rich-text--wrapper-markdown h2[data-v-a47e4ba7], .rich-text--wrapper-markdown h3[data-v-a47e4ba7], .rich-text--wrapper-markdown h4[data-v-a47e4ba7], .rich-text--wrapper-markdown h5[data-v-a47e4ba7], .rich-text--wrapper-markdown h6[data-v-a47e4ba7] {
|
|
font-weight: bold;
|
|
}
|
|
.rich-text--wrapper-markdown h4[data-v-a47e4ba7] {
|
|
font-size: 20px;
|
|
}
|
|
.rich-text--wrapper-markdown h5[data-v-a47e4ba7] {
|
|
font-size: 18px;
|
|
}
|
|
.rich-text--wrapper-markdown h6[data-v-a47e4ba7] {
|
|
font-size: 15px;
|
|
}
|
|
.rich-text--wrapper-markdown ul[data-v-a47e4ba7], .rich-text--wrapper-markdown ol[data-v-a47e4ba7] {
|
|
padding-inline-start: 4ch;
|
|
}
|
|
.rich-text--wrapper-markdown ul[data-v-a47e4ba7] {
|
|
list-style-type: disc;
|
|
}
|
|
.rich-text--wrapper-markdown[data-v-a47e4ba7] {
|
|
/* Flavored Markdown styles */
|
|
}
|
|
.rich-text--wrapper-markdown ul.contains-task-list[data-v-a47e4ba7] {
|
|
list-style-type: none;
|
|
padding: 0;
|
|
}
|
|
.rich-text--wrapper-markdown li.task-list-item > ul[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown li.task-list-item > ol[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown li.task-list-item > li[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown li.task-list-item > blockquote[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown li.task-list-item > pre[data-v-a47e4ba7] {
|
|
margin-inline-start: 15px;
|
|
margin-block-end: 0;
|
|
}
|
|
.rich-text--wrapper-markdown pre[data-v-a47e4ba7] {
|
|
direction: ltr;
|
|
}
|
|
.rich-text--wrapper-markdown table[data-v-a47e4ba7] {
|
|
border-collapse: collapse;
|
|
border: 2px solid var(--color-border-maxcontrast);
|
|
}
|
|
.rich-text--wrapper-markdown table th[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown table td[data-v-a47e4ba7] {
|
|
padding: var(--default-grid-baseline);
|
|
border: 1px solid var(--color-border-maxcontrast);
|
|
}
|
|
.rich-text--wrapper-markdown table th[data-v-a47e4ba7]:first-child,
|
|
.rich-text--wrapper-markdown table td[data-v-a47e4ba7]:first-child {
|
|
border-inline-start: 0;
|
|
}
|
|
.rich-text--wrapper-markdown table th[data-v-a47e4ba7]:last-child,
|
|
.rich-text--wrapper-markdown table td[data-v-a47e4ba7]:last-child {
|
|
border-inline-end: 0;
|
|
}
|
|
.rich-text--wrapper-markdown table tr:first-child th[data-v-a47e4ba7] {
|
|
border-top: 0;
|
|
}
|
|
.rich-text--wrapper-markdown table tr:last-child td[data-v-a47e4ba7] {
|
|
border-block-end: 0;
|
|
}
|
|
|
|
/* Highlight code syntax in code blocks */
|
|
/* stylelint-disable-next-line no-duplicate-selectors */
|
|
.rich-text--wrapper-markdown .rich-text__code-block[data-v-a47e4ba7]:has(.hljs) {
|
|
color: var(--hljs-color);
|
|
background: var(--hljs-background-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-doctag[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-keyword[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-meta .hljs-keyword[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-template-tag[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-template-variable[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-type[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-variable.language_[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-keyword */
|
|
color: var(--hljs-syntax-keyword-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-title[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-title.class_[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-title.class_.inherited__[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-title.function_[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-entity */
|
|
color: var(--hljs-syntax-entity-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-attr[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-attribute[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-literal[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-meta[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-number[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-operator[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-variable[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-selector-attr[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-selector-class[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-selector-id[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-constant */
|
|
color: var(--hljs-syntax-constant-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-regexp[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-string[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-meta .hljs-string[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-string */
|
|
color: var(--hljs-syntax-string-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-built_in[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-symbol[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-variable */
|
|
color: var(--hljs-syntax-variable-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-comment[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-code[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-formula[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-comment */
|
|
color: var(--hljs-syntax-comment-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-name[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-quote[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-selector-tag[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-selector-pseudo[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-entity-tag */
|
|
color: var(--hljs-syntax-entity-tag-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-subst[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-storage-modifier-import */
|
|
color: var(--hljs-syntax-storage-modifier-import-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-section[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-markup-heading */
|
|
color: var(--hljs-syntax-markup-heading-color);
|
|
font-weight: bold;
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-bullet[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-markup-list */
|
|
color: var(--hljs-syntax-markup-list-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-emphasis[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-markup-italic */
|
|
color: var(--hljs-syntax-markup-italic-color);
|
|
font-style: italic;
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-strong[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-markup-bold */
|
|
color: var(--hljs-syntax-markup-bold-color);
|
|
font-weight: bold;
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-addition[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-markup-inserted */
|
|
color: var(--hljs-syntax-markup-inserted-color);
|
|
background-color: var(--hljs-syntax-markup-inserted-background-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-deletion[data-v-a47e4ba7] {
|
|
/* prettylights-syntax-markup-deleted */
|
|
color: var(--hljs-syntax-markup-deleted-color);
|
|
background-color: var(--hljs-syntax-markup-deleted-background-color);
|
|
}
|
|
.rich-text--wrapper-markdown .hljs-char.escape_[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-link[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-params[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-property[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-punctuation[data-v-a47e4ba7],
|
|
.rich-text--wrapper-markdown .hljs-tag[data-v-a47e4ba7] {
|
|
/* purposely ignored */
|
|
}
|
|
a[data-v-a47e4ba7]:not(.rich-text--component) {
|
|
text-decoration: underline;
|
|
}
|
|
@media (prefers-color-scheme: light) {
|
|
.rich-text--wrapper-markdown[data-v-a47e4ba7] {
|
|
--hljs-color: var(--color-main-text, #24292e);
|
|
--hljs-background-color: var(--color-background-dark, #ffffff);
|
|
--hljs-syntax-keyword-color: #d73a49;
|
|
--hljs-syntax-entity-color: #6f42c1;
|
|
--hljs-syntax-constant-color: #005cc5;
|
|
--hljs-syntax-string-color: #032f62;
|
|
--hljs-syntax-variable-color: #e36209;
|
|
--hljs-syntax-comment-color: #6a737d;
|
|
--hljs-syntax-entity-tag-color: #22863a;
|
|
--hljs-syntax-storage-modifier-import-color: #24292e;
|
|
--hljs-syntax-markup-heading-color: #005cc5;
|
|
--hljs-syntax-markup-list-color: #735c0f;
|
|
--hljs-syntax-markup-italic-color: #24292e;
|
|
--hljs-syntax-markup-bold-color: #24292e;
|
|
--hljs-syntax-markup-inserted-color: #22863a;
|
|
--hljs-syntax-markup-inserted-background-color: #f0fff4;
|
|
--hljs-syntax-markup-deleted-color: #b31d28;
|
|
--hljs-syntax-markup-deleted-background-color: #ffeef0;
|
|
}
|
|
[data-theme-dark] .rich-text--wrapper-markdown[data-v-a47e4ba7] {
|
|
--hljs-color: var(--color-main-text, #c9d1d9);
|
|
--hljs-background-color: var(--color-background-dark, #0d1117);
|
|
--hljs-syntax-keyword-color: #ff7b72;
|
|
--hljs-syntax-entity-color: #d2a8ff;
|
|
--hljs-syntax-constant-color: #79c0ff;
|
|
--hljs-syntax-string-color: #a5d6ff;
|
|
--hljs-syntax-variable-color: #ffa657;
|
|
--hljs-syntax-comment-color: #8b949e;
|
|
--hljs-syntax-entity-tag-color: #7ee787;
|
|
--hljs-syntax-storage-modifier-import-color: #c9d1d9;
|
|
--hljs-syntax-markup-heading-color: #1f6feb;
|
|
--hljs-syntax-markup-list-color: #f2cc60;
|
|
--hljs-syntax-markup-italic-color: #c9d1d9;
|
|
--hljs-syntax-markup-bold-color: #c9d1d9;
|
|
--hljs-syntax-markup-inserted-color: #aff5b4;
|
|
--hljs-syntax-markup-inserted-background-color: #033a16;
|
|
--hljs-syntax-markup-deleted-color: #ffdcd7;
|
|
--hljs-syntax-markup-deleted-background-color: #67060c;
|
|
}
|
|
}
|
|
@media (prefers-color-scheme: dark) {
|
|
.rich-text--wrapper-markdown[data-v-a47e4ba7] {
|
|
--hljs-color: var(--color-main-text, #c9d1d9);
|
|
--hljs-background-color: var(--color-background-dark, #0d1117);
|
|
--hljs-syntax-keyword-color: #ff7b72;
|
|
--hljs-syntax-entity-color: #d2a8ff;
|
|
--hljs-syntax-constant-color: #79c0ff;
|
|
--hljs-syntax-string-color: #a5d6ff;
|
|
--hljs-syntax-variable-color: #ffa657;
|
|
--hljs-syntax-comment-color: #8b949e;
|
|
--hljs-syntax-entity-tag-color: #7ee787;
|
|
--hljs-syntax-storage-modifier-import-color: #c9d1d9;
|
|
--hljs-syntax-markup-heading-color: #1f6feb;
|
|
--hljs-syntax-markup-list-color: #f2cc60;
|
|
--hljs-syntax-markup-italic-color: #c9d1d9;
|
|
--hljs-syntax-markup-bold-color: #c9d1d9;
|
|
--hljs-syntax-markup-inserted-color: #aff5b4;
|
|
--hljs-syntax-markup-inserted-background-color: #033a16;
|
|
--hljs-syntax-markup-deleted-color: #ffdcd7;
|
|
--hljs-syntax-markup-deleted-background-color: #67060c;
|
|
}
|
|
[data-theme-light] .rich-text--wrapper-markdown[data-v-a47e4ba7] {
|
|
--hljs-color: var(--color-main-text, #24292e);
|
|
--hljs-background-color: var(--color-background-dark, #ffffff);
|
|
--hljs-syntax-keyword-color: #d73a49;
|
|
--hljs-syntax-entity-color: #6f42c1;
|
|
--hljs-syntax-constant-color: #005cc5;
|
|
--hljs-syntax-string-color: #032f62;
|
|
--hljs-syntax-variable-color: #e36209;
|
|
--hljs-syntax-comment-color: #6a737d;
|
|
--hljs-syntax-entity-tag-color: #22863a;
|
|
--hljs-syntax-storage-modifier-import-color: #24292e;
|
|
--hljs-syntax-markup-heading-color: #005cc5;
|
|
--hljs-syntax-markup-list-color: #735c0f;
|
|
--hljs-syntax-markup-italic-color: #24292e;
|
|
--hljs-syntax-markup-bold-color: #24292e;
|
|
--hljs-syntax-markup-inserted-color: #22863a;
|
|
--hljs-syntax-markup-inserted-background-color: #f0fff4;
|
|
--hljs-syntax-markup-deleted-color: #b31d28;
|
|
--hljs-syntax-markup-deleted-background-color: #ffeef0;
|
|
}
|
|
}
|
|
.rich-text__code-block[data-v-a47e4ba7] {
|
|
position: relative;
|
|
padding-inline-end: calc(var(--clickable-area-small) + var(--default-grid-baseline));
|
|
}
|
|
.rich-text__code-block pre[data-v-a47e4ba7] {
|
|
width: 100%;
|
|
overflow-x: auto;
|
|
}
|
|
.rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7] {
|
|
position: absolute;
|
|
top: var(--default-grid-baseline);
|
|
inset-inline-end: var(--default-grid-baseline);
|
|
opacity: 0;
|
|
}
|
|
.rich-text__code-block:hover .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block:focus-within .rich-text__code-block-button[data-v-a47e4ba7], .rich-text__code-block .rich-text__code-block-button[data-v-a47e4ba7]:focus {
|
|
opacity: 1;
|
|
}
|
|
|
|
.nc-select-users[data-v-4fbb6472] .vs__selected {
|
|
padding-inline: 0 5px !important;
|
|
}
|
|
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-9cedb949] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.settings-section[data-v-9cedb949] {
|
|
display: block;
|
|
padding: 0 0 calc(var(--default-grid-baseline) * 5) 0;
|
|
margin: calc(var(--default-grid-baseline) * 7);
|
|
width: min(900px, 100% - var(--default-grid-baseline) * 7 * 2);
|
|
}
|
|
.settings-section[data-v-9cedb949]:not(:last-child) {
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
.settings-section__name[data-v-9cedb949] {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
max-width: 900px;
|
|
margin-top: 0;
|
|
}
|
|
.settings-section__info[data-v-9cedb949] {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: var(--default-clickable-area);
|
|
height: var(--default-clickable-area);
|
|
margin: calc((var(--default-clickable-area) - 16px) / 2 * -1);
|
|
margin-inline-start: 0;
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.settings-section__info[data-v-9cedb949]:hover, .settings-section__info[data-v-9cedb949]:focus, .settings-section__info[data-v-9cedb949]:active {
|
|
color: var(--color-main-text);
|
|
}
|
|
.settings-section__desc[data-v-9cedb949] {
|
|
margin-top: -0.2em;
|
|
margin-bottom: 1em;
|
|
color: var(--color-text-maxcontrast);
|
|
max-width: 900px;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-21e2bf0c] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.select-group-error[data-v-21e2bf0c] {
|
|
color: var(--color-text-error, var(--color-error));
|
|
font-size: 13px;
|
|
padding-inline-start: var(--border-radius-element);
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-87d290b5] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.textarea[data-v-87d290b5] {
|
|
--input-border-color: var(--color-border-maxcontrast);
|
|
--input-border-width-offset: calc(var(--border-width-input-focused, 2px) - var(--border-width-input, 2px));
|
|
position: relative;
|
|
width: 100%;
|
|
border-radius: var(--border-radius-element);
|
|
margin-block-start: 6px;
|
|
resize: vertical;
|
|
}
|
|
.textarea--disabled[data-v-87d290b5] {
|
|
opacity: 0.7;
|
|
filter: saturate(0.7);
|
|
}
|
|
.textarea__main-wrapper[data-v-87d290b5] {
|
|
height: calc(var(--default-clickable-area) * 2);
|
|
padding: var(--border-width-input, 2px);
|
|
position: relative;
|
|
}
|
|
.textarea__main-wrapper[data-v-87d290b5]:not(:has([disabled])):has(textarea:focus), .textarea__main-wrapper[data-v-87d290b5]:not(:has([disabled])):has(textarea:active) {
|
|
padding: 0;
|
|
}
|
|
.textarea__input[data-v-87d290b5] {
|
|
margin: 0;
|
|
padding-block: calc(10px + var(--input-border-width-offset));
|
|
padding-inline: calc(12px - var(--border-width-input, 2px) + var(--input-border-width-offset));
|
|
width: 100%;
|
|
font-size: var(--default-font-size);
|
|
text-overflow: ellipsis;
|
|
cursor: pointer;
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
border: none;
|
|
border-radius: var(--border-radius-element);
|
|
box-shadow: 0 -1px var(--input-border-color), 0 0 0 1px color-mix(in srgb, var(--input-border-color), 65% transparent);
|
|
}
|
|
.textarea__input[data-v-87d290b5]:hover:not([disabled]) {
|
|
box-shadow: 0 0 0 1px var(--input-border-color);
|
|
}
|
|
.textarea__input[data-v-87d290b5]:active:not([disabled]), .textarea__input[data-v-87d290b5]:focus:not([disabled]) {
|
|
--input-border-width-offset: 0px;
|
|
--input-border-color: var(--color-main-text);
|
|
border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
|
|
box-shadow: 0 0 0 2px var(--color-main-background) !important;
|
|
}
|
|
.textarea__input[data-v-87d290b5]:not(:focus, .textarea__input--label-outside)::placeholder {
|
|
opacity: 0;
|
|
}
|
|
.textarea__input[data-v-87d290b5]:focus {
|
|
cursor: text;
|
|
}
|
|
.textarea__input[data-v-87d290b5]:disabled {
|
|
cursor: default;
|
|
}
|
|
.textarea__input[data-v-87d290b5]:focus-visible {
|
|
box-shadow: unset !important;
|
|
}
|
|
.textarea__input--success[data-v-87d290b5] {
|
|
--input-border-color: var(--color-border-success, var(--color-success)) !important;
|
|
}
|
|
.textarea__input--success[data-v-87d290b5]:focus-visible {
|
|
box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
|
|
}
|
|
.textarea__input--error[data-v-87d290b5] {
|
|
--input-border-color: var(--color-border-error, var(--color-error)) !important;
|
|
}
|
|
.textarea__input--error[data-v-87d290b5]:focus-visible {
|
|
box-shadow: rgb(248, 250, 252) 0px 0px 0px 2px, var(--color-primary-element) 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
|
|
}
|
|
.textarea__label[data-v-87d290b5] {
|
|
position: absolute;
|
|
margin-inline: 12px 0;
|
|
max-width: fit-content;
|
|
inset-block-start: 11px;
|
|
inset-inline: 0;
|
|
color: var(--color-text-maxcontrast);
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
pointer-events: none;
|
|
transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick), background-color var(--animation-quick) var(--animation-slow);
|
|
}
|
|
.textarea__input:focus + .textarea__label[data-v-87d290b5], .textarea__input:not(:placeholder-shown) + .textarea__label[data-v-87d290b5] {
|
|
inset-block-start: -10px;
|
|
line-height: 1.5;
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
color: var(--color-main-text);
|
|
background-color: var(--color-main-background);
|
|
padding-inline: 4px;
|
|
margin-inline-start: 8px;
|
|
transition: height var(--animation-quick), inset-block-start var(--animation-quick), font-size var(--animation-quick), color var(--animation-quick);
|
|
}
|
|
.textarea__helper-text-message[data-v-87d290b5] {
|
|
padding-block: 4px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.textarea__helper-text-message__icon[data-v-87d290b5] {
|
|
margin-inline-end: 8px;
|
|
}
|
|
.textarea__helper-text-message--error[data-v-87d290b5] {
|
|
color: var(--color-error-text);
|
|
}
|
|
.textarea__helper-text-message--success[data-v-87d290b5] {
|
|
color: var(--color-success-text);
|
|
}
|
|
.textarea--legacy .textarea__input[data-v-87d290b5] {
|
|
box-shadow: 0 0 0 1px var(--input-border-color);
|
|
}
|
|
.textarea--legacy .textarea__main-wrapper[data-v-87d290b5]:hover:not(:has([disabled])) {
|
|
padding: 0;
|
|
}
|
|
.textarea--legacy .textarea__main-wrapper:hover:not(:has([disabled])) .textarea__input[data-v-87d290b5] {
|
|
--input-border-color: var(--color-main-text);
|
|
--input-border-width-offset: 0px;
|
|
border: var(--border-width-input-focused, 2px) solid var(--input-border-color);
|
|
box-shadow: 0 0 0 2px var(--color-main-background) !important;
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* SPDX-FileCopyrightText: 2021 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/*
|
|
* Ensure proper alignment of the vue material icons
|
|
*/
|
|
.material-design-icon[data-v-37bde6b7] {
|
|
display: flex;
|
|
align-self: center;
|
|
justify-self: center;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.user-bubble__wrapper[data-v-37bde6b7] {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
}
|
|
.user-bubble__content[data-v-37bde6b7] {
|
|
display: inline-flex;
|
|
max-width: 100%;
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
.user-bubble__content--primary[data-v-37bde6b7] {
|
|
color: var(--color-primary-element-text);
|
|
background-color: var(--color-primary-element);
|
|
}
|
|
.user-bubble__content[data-v-37bde6b7] > :last-child {
|
|
padding-inline-end: 8px;
|
|
}
|
|
.user-bubble__avatar[data-v-37bde6b7] {
|
|
align-self: center;
|
|
}
|
|
.user-bubble__name[data-v-37bde6b7] {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.user-bubble__name[data-v-37bde6b7], .user-bubble__secondary[data-v-37bde6b7] {
|
|
padding-block: 0;
|
|
padding-inline: 4px 0;
|
|
}
|
|
h3[data-v-17ac10c8]{margin-top:24px;font-weight:600}small[data-v-17ac10c8]{color:var(--color-favorite);border:1px solid var(--color-favorite);border-radius:16px;padding:0 9px}.default-group-notification[data-v-17ac10c8]{min-width:300px !important}
|
|
.hosted-signaling .form__textfield[data-v-e7bd023c]{width:300px;margin-top:12px}.hosted-signaling .form__select[data-v-e7bd023c]{min-width:300px !important}.additional-top-margin[data-v-e7bd023c]{margin-top:10px}td[data-v-e7bd023c]{padding:5px;border-bottom:1px solid var(--color-border)}tr:last-child td[data-v-e7bd023c]{border-bottom:none}tr[data-v-e7bd023c] :first-child{opacity:.5}
|
|
h2 small[data-v-1eb0cf33]{color:var(--color-favorite);border:1px solid var(--color-favorite);border-radius:16px;padding:0 9px}
|
|
.recording-server[data-v-6fa5def6]{display:flex;align-items:center}.recording-server .recording-server__textfield[data-v-6fa5def6]{width:300px;flex-shrink:0}.recording-server__checkbox[data-v-6fa5def6]{margin:0 18px}.test-connection[data-v-6fa5def6]{display:inline-flex;align-items:center;gap:8px}
|
|
.fade-enter[data-v-7344033e],.fade-leave-to[data-v-7344033e]{opacity:0}.fade-enter-to[data-v-7344033e],.fade-leave[data-v-7344033e]{opacity:1}.fade-enter-active[data-v-7344033e],.fade-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:opacity}.radial-reveal-enter[data-v-7344033e],.radial-reveal-leave-to[data-v-7344033e]{transform:scale(0);opacity:0}.radial-reveal-enter-to[data-v-7344033e],.radial-reveal-leave[data-v-7344033e]{transform:scale(1);opacity:1}.radial-reveal-enter-active[data-v-7344033e],.radial-reveal-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;transition-duration:150ms}.slide-up-enter[data-v-7344033e],.slide-up-leave-to[data-v-7344033e]{transform:translateY(-50%);opacity:0}.slide-up-enter-to[data-v-7344033e],.slide-up-leave[data-v-7344033e]{transform:translateY(0);opacity:1}.slide-up-enter-active[data-v-7344033e],.slide-up-leave-active[data-v-7344033e]{pointer-events:none;transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:transform,opacity}.slide-right-enter[data-v-7344033e],.slide-right-leave-to[data-v-7344033e]{min-width:0 !important;max-width:0 !important}.slide-right-enter-to[data-v-7344033e],.slide-right-leave[data-v-7344033e]{min-width:300px;max-width:500px}.slide-right-enter-active[data-v-7344033e],.slide-right-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:min-width,max-width}.slide-down-enter[data-v-7344033e],.slide-down-leave-to[data-v-7344033e]{transform:translateY(50%);opacity:0}.slide-down-enter-to[data-v-7344033e],.slide-down-leave[data-v-7344033e]{transform:translateY(0);opacity:1}.slide-down-enter-active[data-v-7344033e],.slide-down-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;position:absolute !important}.toast-enter[data-v-7344033e],.toast-leave-to[data-v-7344033e]{opacity:0}.toast-enter-to[data-v-7344033e],.toast-leave[data-v-7344033e]{opacity:1}.toast-enter-active[data-v-7344033e],.toast-leave-active[data-v-7344033e]{transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:opacity;transition-timing-function:linear}.zoom-enter[data-v-7344033e],.zoom-leave-to[data-v-7344033e]{transform:scale(0)}.zoom-enter-to[data-v-7344033e],.zoom-leave[data-v-7344033e]{transform:scale(1)}.zoom-enter-active[data-v-7344033e],.zoom-leave-active[data-v-7344033e]{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform}.transition-group[data-v-7344033e]{position:relative}.transition-group[data-v-7344033e]> *.fade-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.fade-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.fade-enter,.transition-group[data-v-7344033e]> *.fade-leave-to{opacity:0}.transition-group[data-v-7344033e]> *.fade-enter-to,.transition-group[data-v-7344033e]> *.fade-leave{opacity:1}.transition-group[data-v-7344033e]> *.fade-enter-active,.transition-group[data-v-7344033e]> *.fade-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:opacity}.transition-group[data-v-7344033e]> *.radial-reveal-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.radial-reveal-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.radial-reveal-enter,.transition-group[data-v-7344033e]> *.radial-reveal-leave-to{transform:scale(0);opacity:0}.transition-group[data-v-7344033e]> *.radial-reveal-enter-to,.transition-group[data-v-7344033e]> *.radial-reveal-leave{transform:scale(1);opacity:1}.transition-group[data-v-7344033e]> *.radial-reveal-enter-active,.transition-group[data-v-7344033e]> *.radial-reveal-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;transition-duration:150ms}.transition-group[data-v-7344033e]> *.slide-up-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-up-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-up-enter,.transition-group[data-v-7344033e]> *.slide-up-leave-to{transform:translateY(-50%);opacity:0}.transition-group[data-v-7344033e]> *.slide-up-enter-to,.transition-group[data-v-7344033e]> *.slide-up-leave{transform:translateY(0);opacity:1}.transition-group[data-v-7344033e]> *.slide-up-enter-active,.transition-group[data-v-7344033e]> *.slide-up-leave-active{pointer-events:none;transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:transform,opacity}.transition-group[data-v-7344033e]> *.slide-right-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-right-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-right-enter,.transition-group[data-v-7344033e]> *.slide-right-leave-to{min-width:0 !important;max-width:0 !important}.transition-group[data-v-7344033e]> *.slide-right-enter-to,.transition-group[data-v-7344033e]> *.slide-right-leave{min-width:300px;max-width:500px}.transition-group[data-v-7344033e]> *.slide-right-enter-active,.transition-group[data-v-7344033e]> *.slide-right-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:min-width,max-width}.transition-group[data-v-7344033e]> *.slide-down-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.slide-down-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.slide-down-enter,.transition-group[data-v-7344033e]> *.slide-down-leave-to{transform:translateY(50%);opacity:0}.transition-group[data-v-7344033e]> *.slide-down-enter-to,.transition-group[data-v-7344033e]> *.slide-down-leave{transform:translateY(0);opacity:1}.transition-group[data-v-7344033e]> *.slide-down-enter-active,.transition-group[data-v-7344033e]> *.slide-down-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform,opacity;position:absolute !important}.transition-group[data-v-7344033e]> *.toast-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.toast-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.toast-enter,.transition-group[data-v-7344033e]> *.toast-leave-to{opacity:0}.transition-group[data-v-7344033e]> *.toast-enter-to,.transition-group[data-v-7344033e]> *.toast-leave{opacity:1}.transition-group[data-v-7344033e]> *.toast-enter-active,.transition-group[data-v-7344033e]> *.toast-leave-active{transition:all var(--animation-slow, 300ms) ease-in-out;transition-property:opacity;transition-timing-function:linear}.transition-group[data-v-7344033e]> *.zoom-move{transition:all var(--animation-quick, 100ms) ease-in-out}.transition-group[data-v-7344033e]> *.zoom-leave-active{position:absolute}.transition-group[data-v-7344033e]> *.zoom-enter,.transition-group[data-v-7344033e]> *.zoom-leave-to{transform:scale(0)}.transition-group[data-v-7344033e]> *.zoom-enter-to,.transition-group[data-v-7344033e]> *.zoom-leave{transform:scale(1)}.transition-group[data-v-7344033e]> *.zoom-enter-active,.transition-group[data-v-7344033e]> *.zoom-leave-active{transition:all var(--animation-quick, 100ms) ease-in-out;transition-property:transform}
|
|
.recording-servers .form__textfield[data-v-b2ba5802]{width:300px}.additional-top-margin[data-v-b2ba5802]{margin-top:10px}h3[data-v-b2ba5802]{margin-top:24px;font-weight:600}.consent-description[data-v-b2ba5802]{margin-bottom:12px;opacity:.7}
|
|
.signaling-server[data-v-3bdcca8e]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--default-grid-baseline);margin-bottom:10px}.signaling-server .signaling-server__textfield[data-v-3bdcca8e]{width:300px;flex-shrink:0}.signaling-server__checkbox[data-v-3bdcca8e]{margin:0 18px}.test-connection[data-v-3bdcca8e]{flex-basis:fit-content;display:inline-flex;align-items:center;gap:var(--default-grid-baseline)}.test-connection-data[data-v-3bdcca8e]{flex-basis:100%;display:inline-grid;grid-template-columns:auto auto;gap:var(--default-grid-baseline)}.test-connection-data__item[data-v-3bdcca8e]{display:contents}.test-connection-data__caption[data-v-3bdcca8e]{font-weight:bold;margin-inline-end:var(--default-grid-baseline)}
|
|
.signaling-servers .form__textfield[data-v-3f27df2f]{width:300px}.additional-top-margin[data-v-3f27df2f]{margin-top:1em !important}
|
|
.sip-bridge h3[data-v-17212f74]{margin-top:24px;font-weight:600}.sip-bridge .form[data-v-17212f74]{width:300px}.sip-bridge .form__textarea[data-v-17212f74]{margin-bottom:6px}.sip-bridge .form__select[data-v-17212f74]{margin-bottom:12px}.settings-hint--after-select[data-v-17212f74]{margin-top:0}.additional-top-margin[data-v-17212f74]{margin-top:10px}
|
|
.stun-server[data-v-69763953]{display:flex;align-items:center;margin-bottom:calc(var(--default-grid-baseline)*2);gap:var(--default-grid-baseline)}.stun-server__wrapper[data-v-69763953]{display:flex;align-items:center;gap:4px;width:300px}.stun-server__input[data-v-69763953]{margin-block-start:0 !important}.stun-server__alert[data-v-69763953]{width:var(--default-clickable-area);height:var(--default-clickable-area)}
|
|
.additional-top-margin{margin-top:10px}
|
|
.turn-server[data-v-758f7272]{display:grid;grid-template-columns:minmax(100px, 180px) 1fr 1fr minmax(100px, 180px) var(--default-clickable-area) var(--default-clickable-area);grid-column-gap:4px;align-items:center;margin-bottom:4px}.turn-server .turn-server__textfield.error[data-v-758f7272] .input-field__input{border:2px solid var(--color-border-error)}.turn-server .turn-server__select[data-v-758f7272]{margin-block-start:6px;min-width:unset}
|
|
.additional-top-margin{margin-top:10px}
|
|
.vue-button-inline[data-v-aebe1aaa]{display:inline-block !important}
|
|
/*!
|
|
* SPDX-FileCopyrightText: 2019 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
.toastify.dialogs {
|
|
min-width: 200px;
|
|
background: none;
|
|
background-color: var(--color-main-background);
|
|
color: var(--color-main-text);
|
|
box-shadow: 0 0 6px 0 var(--color-box-shadow);
|
|
padding: 0 12px;
|
|
margin-top: 45px;
|
|
position: fixed;
|
|
z-index: 10100;
|
|
border-radius: var(--border-radius);
|
|
display: flex;
|
|
align-items: center;
|
|
min-height: 50px;
|
|
}
|
|
.toastify.dialogs .toast-loader-container,
|
|
.toastify.dialogs .toast-undo-container {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
}
|
|
.toastify.dialogs .toast-undo-button,
|
|
.toastify.dialogs .toast-close {
|
|
position: static;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
min-width: 44px;
|
|
height: 100%;
|
|
padding: 12px;
|
|
white-space: nowrap;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-color: transparent;
|
|
min-height: 0;
|
|
}
|
|
.toastify.dialogs .toast-undo-button.toast-close,
|
|
.toastify.dialogs .toast-close.toast-close {
|
|
text-indent: 0;
|
|
opacity: 0.4;
|
|
border: none;
|
|
min-height: 44px;
|
|
margin-left: 10px;
|
|
font-size: 0;
|
|
/* dark theme overrides for F7cloud 25 and later */
|
|
}
|
|
.toastify.dialogs .toast-undo-button.toast-close::before,
|
|
.toastify.dialogs .toast-close.toast-close::before {
|
|
background-image: url("data:image/svg+xml,%3csvg%20viewBox=%270%200%2016%2016%27%20height=%2716%27%20width=%2716%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xml:space=%27preserve%27%20style=%27fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2%27%3e%3cpath%20d=%27M6.4%2019%205%2017.6l5.6-5.6L5%206.4%206.4%205l5.6%205.6L17.6%205%2019%206.4%2013.4%2012l5.6%205.6-1.4%201.4-5.6-5.6L6.4%2019Z%27%20style=%27fill-rule:nonzero%27%20transform=%27matrix%28.85714%200%200%20.85714%20-2.286%20-2.286%29%27/%3e%3c/svg%3e");
|
|
content: " ";
|
|
filter: var(--background-invert-if-dark);
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.toastify.dialogs .toast-undo-button.toast-undo-button,
|
|
.toastify.dialogs .toast-close.toast-undo-button {
|
|
margin: 3px;
|
|
height: calc(100% - 2 * 3px);
|
|
margin-left: 12px;
|
|
}
|
|
.toastify.dialogs .toast-undo-button:hover, .toastify.dialogs .toast-undo-button:focus, .toastify.dialogs .toast-undo-button:active,
|
|
.toastify.dialogs .toast-close:hover,
|
|
.toastify.dialogs .toast-close:focus,
|
|
.toastify.dialogs .toast-close:active {
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
}
|
|
.toastify.dialogs.toastify-top {
|
|
right: 10px;
|
|
}
|
|
.toastify.dialogs.toast-with-click {
|
|
cursor: pointer;
|
|
}
|
|
.toastify.dialogs.toast-error {
|
|
border-left: 3px solid var(--color-element-error, var(--color-error));
|
|
}
|
|
.toastify.dialogs.toast-info {
|
|
border-left: 3px solid var(--color-element-info, var(--color-primary));
|
|
}
|
|
.toastify.dialogs.toast-warning {
|
|
border-left: 3px solid var(--color-element-warning, var(--color-warning));
|
|
}
|
|
.toastify.dialogs.toast-success {
|
|
border-left: 3px solid var(--color-element-success, var(--color-success));
|
|
}
|
|
.toastify.dialogs.toast-undo {
|
|
border-left: 3px solid var(--color-element-success, var(--color-success));
|
|
}
|
|
.toastify.dialogs.toast-loading {
|
|
border-left: 3px solid var(--color-element-info, var(--color-primary));
|
|
}
|
|
.toastify.dialogs.toast-loading .toast-loader {
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 20px;
|
|
animation: rotate var(--animation-duration, 0.8s) linear infinite;
|
|
margin-left: auto;
|
|
}
|
|
|
|
/* dark theme overrides for F7cloud 24 and earlier */
|
|
.theme--dark .toastify.dialogs .toast-close {
|
|
/* close icon style */
|
|
}
|
|
.theme--dark .toastify.dialogs .toast-close.toast-close::before {
|
|
background-image: url("data:image/svg+xml,%3csvg%20viewBox=%270%200%2016%2016%27%20height=%2716%27%20width=%2716%27%20xmlns=%27http://www.w3.org/2000/svg%27%20xml:space=%27preserve%27%20style=%27fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2%27%3e%3cpath%20d=%27M6.4%2019%205%2017.6l5.6-5.6L5%206.4%206.4%205l5.6%205.6L17.6%205%2019%206.4%2013.4%2012l5.6%205.6-1.4%201.4-5.6-5.6L6.4%2019Z%27%20style=%27fill:%23fff;fill-rule:nonzero%27%20transform=%27matrix%28.85714%200%200%20.85714%20-2.286%20-2.286%29%27/%3e%3c/svg%3e");
|
|
}
|
|
.nc-generic-dialog .dialog__actions {
|
|
justify-content: space-between;
|
|
min-width: calc(100% - 12px);
|
|
}
|
|
._pickerEntry_xk2pl_1:not(:last-of-type) {
|
|
border-bottom: 1px solid var(--color-border);
|
|
}
|
|
._pickerEntryItem_xk2pl_5 {
|
|
display: flex;
|
|
align-items: center;
|
|
height: 64px;
|
|
}
|
|
._pickerEntryIcon_xk2pl_11,
|
|
._pickerEntryPreview_xk2pl_12 {
|
|
height: 64px;
|
|
width: 64px;
|
|
margin: 0 var(--secondary-margin);
|
|
display: block;
|
|
flex: 0 0 64px;
|
|
}
|
|
._pickerEntryIcon_xk2pl_11 {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
._pickerEntryIcon_folder_xk2pl_24 {
|
|
color: var(--color-primary-element);
|
|
}
|
|
._pickerEntryPreview_xk2pl_12 {
|
|
overflow: hidden;
|
|
border-radius: calc(var(--border-radius) * 2);
|
|
object-fit: cover;
|
|
}
|
|
._pickerEntryDescription_xk2pl_34 {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
._pickerEntryDescription_xk2pl_34 span {
|
|
white-space: nowrap;
|
|
}._picker_6q4ek_1 {
|
|
--margin: 36px;
|
|
--secondary-margin: 18px;
|
|
}
|
|
._pickerHeader_6q4ek_6 {
|
|
position: sticky;
|
|
z-index: 10;
|
|
top: 0;
|
|
padding: 0 var(--margin);
|
|
padding-bottom: var(--secondary-margin);
|
|
background-color: var(--color-main-background);
|
|
}
|
|
._pickerForm_6q4ek_15 {
|
|
position: relative;
|
|
overflow: auto;
|
|
padding: 0 var(--margin);
|
|
margin-top: calc(-1 * var(--secondary-margin));
|
|
}
|
|
._pickerActionSubmit_disabled_6q4ek_22 {
|
|
opacity: 0.7;
|
|
filter: saturate(50%);
|
|
}
|
|
._pickerSelectAll_6q4ek_27 {
|
|
display: grid;
|
|
width: 100%;
|
|
margin-top: calc(var(--secondary-margin) * 1.5);
|
|
padding-bottom: var(--secondary-margin);
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
._pickerSelectAll_6q4ek_27 legend {
|
|
display: flex;
|
|
align-items: center;
|
|
width: 100%;
|
|
margin-bottom: calc(var(--secondary-margin) / 2);
|
|
}
|
|
._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 {
|
|
position: sticky;
|
|
top: 0;
|
|
margin: 0;
|
|
padding: var(--secondary-margin) 0;
|
|
background-image: linear-gradient(to top, transparent, var(--color-main-background-blur) 10%, var(--color-main-background) 15%);
|
|
}
|
|
._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 + fieldset {
|
|
margin-top: 0;
|
|
}
|
|
._pickerSelectAll_6q4ek_27._conflict-picker__all_6q4ek_40 :deep(label) {
|
|
font-weight: bold;
|
|
}/*!
|
|
* SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
/**
|
|
* Icon styling of the file list row preview or fallback icon
|
|
* (leading icon on the name row and header)
|
|
*/
|
|
._file-picker__file-icon_3v9zx_9 {
|
|
position: relative;
|
|
width: 32px;
|
|
height: 32px;
|
|
min-width: 32px;
|
|
min-height: 32px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
._file-picker__file-icon--primary_3v9zx_21 {
|
|
color: var(--color-primary-element);
|
|
}
|
|
|
|
._file-picker__file-icon-overlay_3v9zx_25 {
|
|
color: var(--color-primary-element-text);
|
|
position: absolute;
|
|
inset-block-start: 10px;
|
|
}/*!
|
|
* SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
tr.file-picker__row[data-v-a5daea8d] {
|
|
height: var(--row-height, 50px);
|
|
}
|
|
tr.file-picker__row td[data-v-a5daea8d] {
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
border-bottom: none;
|
|
}
|
|
tr.file-picker__row td.row-checkbox[data-v-a5daea8d] {
|
|
padding: 0 2px;
|
|
}
|
|
tr.file-picker__row td[data-v-a5daea8d]:not(.row-checkbox) {
|
|
padding-inline: 14px 0;
|
|
}
|
|
tr.file-picker__row td.row-size[data-v-a5daea8d] {
|
|
text-align: end;
|
|
padding-inline: 0 14px;
|
|
}
|
|
tr.file-picker__row td.row-name[data-v-a5daea8d] {
|
|
padding-inline: 2px 0;
|
|
}
|
|
.file-picker__row[data-v-a5daea8d] * {
|
|
cursor: pointer;
|
|
}
|
|
.file-picker__row--selected[data-v-a5daea8d] {
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
.file-picker__row--not-navigatable[data-v-a5daea8d] {
|
|
filter: saturate(0.7);
|
|
opacity: 0.7;
|
|
}
|
|
.file-picker__row--not-navigatable[data-v-a5daea8d] *, .file-picker__row--not-pickable[data-v-a5daea8d] * {
|
|
cursor: default !important;
|
|
}
|
|
.file-picker__row[data-v-a5daea8d]:hover {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
.file-picker__name-container[data-v-a5daea8d] {
|
|
display: flex;
|
|
justify-content: start;
|
|
align-items: center;
|
|
height: 100%;
|
|
}
|
|
.file-picker__file-name[data-v-a5daea8d] {
|
|
padding-inline-start: 6px;
|
|
min-width: 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.file-picker__file-extension[data-v-a5daea8d] {
|
|
color: var(--color-text-maxcontrast);
|
|
min-width: fit-content;
|
|
}/*!
|
|
* SPDX-FileCopyrightText: 2023-2024 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
tr.file-picker__row[data-v-1f96131b] {
|
|
height: var(--row-height, 50px);
|
|
}
|
|
tr.file-picker__row td[data-v-1f96131b] {
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
border-bottom: none;
|
|
}
|
|
tr.file-picker__row td.row-checkbox[data-v-1f96131b] {
|
|
padding: 0 2px;
|
|
}
|
|
tr.file-picker__row td[data-v-1f96131b]:not(.row-checkbox) {
|
|
padding-inline: 14px 0;
|
|
}
|
|
tr.file-picker__row td.row-size[data-v-1f96131b] {
|
|
text-align: end;
|
|
padding-inline: 0 14px;
|
|
}
|
|
tr.file-picker__row td.row-name[data-v-1f96131b] {
|
|
padding-inline: 2px 0;
|
|
}
|
|
@keyframes gradient-1f96131b {
|
|
0% {
|
|
background-position: 0% 50%;
|
|
}
|
|
50% {
|
|
background-position: 100% 50%;
|
|
}
|
|
100% {
|
|
background-position: 0% 50%;
|
|
}
|
|
}
|
|
.loading-row .row-checkbox[data-v-1f96131b] {
|
|
text-align: center !important;
|
|
}
|
|
.loading-row span[data-v-1f96131b] {
|
|
display: inline-block;
|
|
height: 24px;
|
|
background: linear-gradient(to right, var(--color-background-darker), var(--color-text-maxcontrast), var(--color-background-darker));
|
|
background-size: 600px 100%;
|
|
border-radius: var(--border-radius);
|
|
animation: gradient-1f96131b 12s ease infinite;
|
|
}
|
|
.loading-row .row-wrapper[data-v-1f96131b] {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
.loading-row .row-checkbox span[data-v-1f96131b] {
|
|
width: 24px;
|
|
}
|
|
.loading-row .row-name span[data-v-1f96131b]:last-of-type {
|
|
margin-inline-start: 6px;
|
|
width: 130px;
|
|
}
|
|
.loading-row .row-size span[data-v-1f96131b] {
|
|
width: 80px;
|
|
}
|
|
.loading-row .row-modified span[data-v-1f96131b] {
|
|
width: 90px;
|
|
}.file-picker__header-preview[data-v-38620705] {
|
|
width: 22px;
|
|
height: 32px;
|
|
flex: 0 0 auto;
|
|
}
|
|
.file-picker__files[data-v-38620705] {
|
|
margin: 2px;
|
|
margin-inline-start: 12px;
|
|
overflow: scroll auto;
|
|
}
|
|
.file-picker__files table[data-v-38620705] {
|
|
width: 100%;
|
|
max-height: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
.file-picker__files th[data-v-38620705] {
|
|
position: sticky;
|
|
z-index: 1;
|
|
top: 0;
|
|
background-color: var(--color-main-background);
|
|
padding: 2px;
|
|
}
|
|
.file-picker__files th .header-wrapper[data-v-38620705] {
|
|
display: flex;
|
|
}
|
|
.file-picker__files th.row-checkbox[data-v-38620705] {
|
|
width: 44px;
|
|
}
|
|
.file-picker__files th.row-name[data-v-38620705] {
|
|
width: 230px;
|
|
}
|
|
.file-picker__files th.row-size[data-v-38620705] {
|
|
width: 100px;
|
|
}
|
|
.file-picker__files th.row-modified[data-v-38620705] {
|
|
width: 120px;
|
|
}
|
|
.file-picker__files th[data-v-38620705]:not(.row-size) .button-vue__wrapper {
|
|
justify-content: start;
|
|
flex-direction: row-reverse;
|
|
}
|
|
.file-picker__files th[data-v-38620705]:not(.row-size) .button-vue {
|
|
padding-inline: 16px 4px;
|
|
}
|
|
.file-picker__files th.row-size[data-v-38620705] .button-vue__wrapper {
|
|
justify-content: end;
|
|
}
|
|
.file-picker__files th[data-v-38620705] .button-vue__wrapper {
|
|
color: var(--color-text-maxcontrast);
|
|
}
|
|
.file-picker__files th[data-v-38620705] .button-vue__wrapper .button-vue__text {
|
|
font-weight: normal;
|
|
}.file-picker__breadcrumbs[data-v-4e6fd4e4] {
|
|
flex-grow: 0 !important;
|
|
}.file-picker__side[data-v-86223490] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
gap: 0.5rem;
|
|
min-width: 200px;
|
|
padding: 2px;
|
|
margin-block-start: 7px;
|
|
overflow: auto;
|
|
}
|
|
.file-picker__side[data-v-86223490] .button-vue__wrapper {
|
|
justify-content: start;
|
|
}
|
|
.file-picker__filter-input[data-v-86223490] {
|
|
margin-block: 7px;
|
|
max-width: 260px;
|
|
}
|
|
@media (max-width: 736px) {
|
|
.file-picker__side[data-v-86223490] {
|
|
flex-direction: row;
|
|
min-width: unset;
|
|
}
|
|
}
|
|
@media (max-width: 512px) {
|
|
.file-picker__side[data-v-86223490] {
|
|
flex-direction: row;
|
|
min-width: unset;
|
|
}
|
|
.file-picker__filter-input[data-v-86223490] {
|
|
max-width: unset;
|
|
}
|
|
}/* Ensure focus outline is visible */
|
|
.file-picker__navigation {
|
|
padding-inline: 8px 2px;
|
|
}
|
|
.file-picker__navigation, .file-picker__navigation * {
|
|
box-sizing: border-box;
|
|
}
|
|
.file-picker__navigation .v-select.select {
|
|
min-width: 220px;
|
|
}
|
|
@media (min-width: 513px) and (max-width: 736px) {
|
|
.file-picker__navigation {
|
|
gap: 11px;
|
|
}
|
|
}
|
|
@media (max-width: 512px) {
|
|
.file-picker__navigation {
|
|
flex-direction: column-reverse !important;
|
|
}
|
|
}.file-picker__view[data-v-5287035b] {
|
|
height: 50px;
|
|
display: flex;
|
|
justify-content: start;
|
|
align-items: center;
|
|
}
|
|
.file-picker__view h3[data-v-5287035b] {
|
|
font-weight: bold;
|
|
height: fit-content;
|
|
margin: 0;
|
|
}
|
|
.file-picker__main[data-v-5287035b] {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
min-height: 0;
|
|
flex: 1;
|
|
padding-inline: 2px;
|
|
}
|
|
.file-picker__main[data-v-5287035b] * {
|
|
box-sizing: border-box;
|
|
}
|
|
[data-v-5287035b] .file-picker {
|
|
height: min(80vh, 800px) !important;
|
|
}
|
|
@media (max-width: 512px) {
|
|
[data-v-5287035b] .file-picker {
|
|
height: calc(100% - 16px - var(--default-clickable-area)) !important;
|
|
}
|
|
}
|
|
[data-v-5287035b] .file-picker__content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
}.public-auth-prompt__text[data-v-b33d88e5] {
|
|
font-size: 1.25em;
|
|
margin-block: 0 calc(3 * var(--default-grid-baseline));
|
|
}
|
|
.public-auth-prompt__header[data-v-b33d88e5] {
|
|
margin-block: 0 calc(3 * var(--default-grid-baseline));
|
|
}
|
|
.public-auth-prompt__header[data-v-b33d88e5]:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.public-auth-prompt__input[data-v-b33d88e5] {
|
|
margin-block: calc(4 * var(--default-grid-baseline)) calc(2 * var(--default-grid-baseline));
|
|
}
|
|
/**
|
|
* SPDX-FileCopyrightText: 2024 F7cloud GmbH and F7cloud contributors
|
|
* SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
|
|
.settings-section-placeholder {
|
|
--settings-section-placeholder-header-height: 30px;
|
|
--settings-section-placeholder-line-height: 1lh;
|
|
--settings-section-placeholder-padding: 1em;
|
|
--settings-section-placeholder-image: linear-gradient(90deg, var(--color-placeholder-light) 65%, var(--color-placeholder-dark) 70%, var(--color-placeholder-light) 75%);
|
|
position: relative;
|
|
height: calc(2 * (7 * var(--default-grid-baseline)) + var(--settings-section-placeholder-header-height) + 3 * (var(--settings-section-placeholder-line-height) + 1em));
|
|
}
|
|
|
|
.settings-section-placeholder::before,
|
|
.settings-section-placeholder::after {
|
|
content: '';
|
|
position: absolute;
|
|
inset: calc(7 * var(--default-grid-baseline));
|
|
background-clip: content-box;
|
|
background-origin: content-box;
|
|
animation: loading-animation 3s forwards infinite linear;
|
|
}
|
|
|
|
.settings-section-placeholder::before {
|
|
max-width: 300px;
|
|
background: var(--settings-section-placeholder-image) 0 0 / 200vw var(--settings-section-placeholder-header-height) repeat-x content-box;
|
|
}
|
|
|
|
.settings-section-placeholder::after {
|
|
max-width: 900px;
|
|
background:
|
|
var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 0 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box,
|
|
var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 1 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box,
|
|
var(--settings-section-placeholder-image) 0 calc(var(--settings-section-placeholder-header-height) + 1em + 2 * (var(--settings-section-placeholder-line-height) + 1em)) / 200vw var(--settings-section-placeholder-line-height) repeat-x content-box;
|
|
}
|
|
|
|
.settings-section-placeholder + .settings-section-placeholder {
|
|
border-top: 1px solid var(--color-border);
|
|
}
|
|
|
|
@keyframes loading-animation {
|
|
0% {
|
|
background-position-x: 0;
|
|
}
|
|
100% {
|
|
background-position-x: 140vw;
|
|
}
|
|
}
|
|
|
|
|
|
/*# sourceMappingURL=talk-admin-settings.css.map*/ |