1787 lines
51 KiB
CSS
1787 lines
51 KiB
CSS
@import url("icons/_icons.css");
|
|
@import url("forms/_modals.css");
|
|
|
|
* {
|
|
font-family: 'Raleway' !important;
|
|
font-variant-numeric: lining-nums;
|
|
font-weight: 500;
|
|
}
|
|
|
|
#content-vue #app-content-vue {
|
|
background: unset !important;
|
|
}
|
|
|
|
& #content-vue:has(.usergroup-details-container) {
|
|
gap: 0px;
|
|
|
|
& #app-content-vue {
|
|
margin-left: var(--main-margin-panels) !important;
|
|
}
|
|
}
|
|
|
|
|
|
body .app-contacts[selectedusergroup='admin'] {
|
|
|
|
& .usergroup-details-container,
|
|
.circle-details-container {
|
|
height: 100%;
|
|
}
|
|
|
|
}
|
|
|
|
body .app-contacts {
|
|
--color-primary-element: #70B62B !important;
|
|
--color-primary-element-hover: #6faf2e !important;
|
|
--color-primary-element-light-hover: #ffffff !important;
|
|
margin-top: unset !important;
|
|
height: unset !important;
|
|
|
|
& .app-navigation {
|
|
background: transparent;
|
|
|
|
& #app-navigation-vue {
|
|
|
|
& .app-navigation-list.app-navigation__list {
|
|
padding: 5px 0px;
|
|
}
|
|
|
|
&>*:not(.app-navigation__search):not(.app-navigation__body) {
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
& .app-navigation__search {
|
|
margin-bottom: 5px !important;
|
|
|
|
& .header {
|
|
|
|
padding: 0;
|
|
margin-bottom: 0px;
|
|
|
|
& .button-vue {
|
|
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 3px 35px 3px 6px;
|
|
background: #70B62B;
|
|
color: #ffffff;
|
|
position: relative;
|
|
transition: opacity .3s;
|
|
border: none !important;
|
|
|
|
& .button-vue__wrapper {
|
|
justify-content: flex-start;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 12px;
|
|
transform: translateY(-50%);
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url("/themes/forbion/images/contacts/plus-white-big.svg");
|
|
background-repeat: no-repeat;
|
|
pointer-events: none;
|
|
}
|
|
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 37px;
|
|
width: 2px;
|
|
height: 100%;
|
|
background: #ffffff;
|
|
pointer-events: none;
|
|
}
|
|
|
|
& .plus-icon {
|
|
|
|
&::before {
|
|
background-image: url("/themes/forbion/images/contacts/new-contact.svg");
|
|
width: 23px;
|
|
height: 18px;
|
|
top: -1px;
|
|
left: -5px;
|
|
transform: translate(-50%, -50%) scale(1.1);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-navigation-header {
|
|
|
|
padding: 0;
|
|
|
|
&>*:not(.flex-row) {
|
|
|
|
padding: 0 8px;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
& .flex-row {
|
|
|
|
margin-bottom: 8px;
|
|
|
|
& .button-vue {
|
|
width: 100%;
|
|
margin: 0;
|
|
width: calc(100% - 48px);
|
|
padding: 3px 35px 3px 6px;
|
|
background: #70B62B;
|
|
color: #ffffff;
|
|
position: relative;
|
|
transition: opacity .3s;
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 12px;
|
|
transform: translateY(-50%);
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url("/themes/forbion/images/contacts/close-fat.svg");
|
|
background-repeat: no-repeat;
|
|
pointer-events: none;
|
|
}
|
|
|
|
&::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 37px;
|
|
width: 2px;
|
|
height: 100%;
|
|
background: #ffffff;
|
|
pointer-events: none;
|
|
}
|
|
|
|
& .plus-icon {
|
|
|
|
&::before {
|
|
background-image: url("/themes/forbion/images/contacts/new-event.svg");
|
|
width: 23px;
|
|
height: 18px;
|
|
top: -1px;
|
|
left: -5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .datepicker-button-section {
|
|
|
|
padding-top: 8px;
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
|
|
& .button-vue {
|
|
background: rgb(238, 244, 233);
|
|
}
|
|
}
|
|
|
|
& .new-event-today-view-section {
|
|
|
|
& .button-vue {
|
|
background: rgb(238, 244, 233);
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-navigation-list {
|
|
|
|
& .app-navigation__circle-desc {
|
|
display: none;
|
|
}
|
|
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
|
|
& .app-navigation-entry-wrapper {
|
|
|
|
& .app-navigation-entry {
|
|
|
|
padding-left: 5px;
|
|
|
|
& .app-navigation-entry-icon:empty {
|
|
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
&:before {
|
|
content: '';
|
|
background-image: url("/themes/forbion/images/lk-main-white.svg");
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
|
|
& .app-navigation-entry-icon {
|
|
|
|
.material-design-icon {
|
|
|
|
&.account-multiple-icon {
|
|
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/lk-sharing.svg");
|
|
transform: translate(-50%, -50%) scale(1.1);
|
|
}
|
|
}
|
|
|
|
&.account-icon {
|
|
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/lk-main.svg");
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
&.icon-category-monitoring {
|
|
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/lk-sharing.svg");
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: scale(1.1);
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-navigation-entry__actions[data-v-54906a49] {
|
|
display: block;
|
|
|
|
& .material-design-icon.pencil-icon::before {
|
|
width: 16px;
|
|
height: 16px;
|
|
opacity: .55;
|
|
}
|
|
}
|
|
|
|
& .app-navigation-entry__name {
|
|
margin-left: 3px;
|
|
}
|
|
|
|
& .app-navigation-entry__utils {
|
|
|
|
& .counter-bubble__counter {
|
|
color: #70B62B;
|
|
transition: .2s;
|
|
}
|
|
}
|
|
|
|
&.active {
|
|
|
|
& .app-navigation-entry__name {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
& .app-navigation-entry-icon {
|
|
|
|
.material-design-icon {
|
|
|
|
&.account-multiple-icon {
|
|
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/lk-sharing-white.svg");
|
|
}
|
|
}
|
|
|
|
&.account-icon {
|
|
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/lk-main-white.svg");
|
|
}
|
|
}
|
|
}
|
|
|
|
&.icon-category-monitoring {
|
|
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/lk-sharing-white.svg");
|
|
}
|
|
}
|
|
}
|
|
|
|
& .material-design-icon.dots-horizontal-icon {
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/dots-horizontal-icon-white.svg");
|
|
}
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
& .app-navigation-entry__utils {
|
|
|
|
& .counter-bubble__counter {
|
|
|
|
background: #FFFFFF;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-navigation-entry-link {
|
|
|
|
& .app-navigation-entry-icon {
|
|
|
|
& .material-design-icon.delete-icon {
|
|
|
|
&::before {
|
|
background-image: url("/themes/forbion/images/delete-gray.svg");
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
& .contacts-settings {
|
|
border-bottom-left-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
}
|
|
}
|
|
|
|
& .app-navigation-toggle-wrapper {
|
|
top: 3px !important;
|
|
|
|
& .button-vue__wrapper {
|
|
justify-content: center !important;
|
|
}
|
|
|
|
& .button-vue {
|
|
|
|
& .icon-vue {
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
|
|
&::before {
|
|
content: '';
|
|
width: 20px;
|
|
height: 36px;
|
|
background-image: url("/themes/forbion/images/contacts/close-sidebar-gray.svg");
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
& .button-vue[aria-expanded="false"] {
|
|
& .icon-vue::before {
|
|
transform: rotateY(-180deg);
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
&.app-navigation--close {
|
|
|
|
margin-right: 0;
|
|
|
|
& .app-navigation-toggle-wrapper {
|
|
right: -10px;
|
|
}
|
|
|
|
&+#app-content-vue {
|
|
|
|
& .fc {
|
|
margin-left: 40px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
& #app-content-vue {
|
|
background: #FFFFFF !important;
|
|
border-radius: 8px;
|
|
|
|
& .usergroup-details-container,
|
|
.circle-details-container {
|
|
margin: 0;
|
|
padding: 20px;
|
|
background: #FFFFFF !important;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
& .app-navigation__body {
|
|
padding-right: 30px;
|
|
}
|
|
|
|
& .splitpanes__pane.splitpanes__pane-list {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
& .splitpanes__splitter {
|
|
background-color: transparent !important;
|
|
width: 5px;
|
|
}
|
|
|
|
& .contacts-list__header {
|
|
& .search-contacts-field {
|
|
& .input-field {
|
|
margin: 0px !important;
|
|
|
|
& .input-field__main-wrapper {
|
|
height: 28px !important;
|
|
|
|
& button .icon-vue {
|
|
margin-bottom: 6px;
|
|
}
|
|
}
|
|
|
|
& input.input-field__input {
|
|
margin: 0px !important;
|
|
min-height: 0px;
|
|
border-radius: 16px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .contacts-list {
|
|
|
|
margin-top: 10px;
|
|
|
|
& .contacts-list__item-wrapper {
|
|
|
|
& li.list-item__wrapper {
|
|
border-bottom: 1px solid #E6E6E6;
|
|
}
|
|
|
|
& .list-item__wrapper {
|
|
|
|
padding: 2px;
|
|
|
|
|
|
|
|
& .list-item {
|
|
|
|
padding: 6px 8px;
|
|
|
|
& .app-content-list-item-icon {
|
|
|
|
& .avatardiv {
|
|
position: relative;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
&.list-item__wrapper--active {
|
|
|
|
& .list-item {
|
|
|
|
& .list-item-content__main {
|
|
|
|
&>* {
|
|
color: #FFFFFF !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-content-details:has(.property__row.last-edit) {
|
|
|
|
& .property__row.last-edit {
|
|
display: none;
|
|
}
|
|
|
|
& .contact-header {
|
|
margin: 30px 28px;
|
|
padding: 0;
|
|
flex-wrap: wrap;
|
|
justify-content: end;
|
|
position: relative;
|
|
|
|
& .contact-header__no-wrap {
|
|
padding-top: 40px;
|
|
width: 100%;
|
|
}
|
|
|
|
& .contact-header__no-wrap::before {
|
|
content: 'Создание нового контакта';
|
|
font-weight: 600;
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
& .contact-header__actions {
|
|
margin-top: 0;
|
|
|
|
&>.button-vue {
|
|
background-color: var(--color-background-hover);
|
|
}
|
|
}
|
|
|
|
& .contact-header-avatar__wrapper {
|
|
width: 188px;
|
|
height: 188px;
|
|
position: static;
|
|
margin-inline: 30px;
|
|
|
|
&>.contact-header-avatar__photo {
|
|
--avatar-size: 188px !important;
|
|
line-height: 188px !important;
|
|
font-size: 84px !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .property {
|
|
position: relative;
|
|
|
|
& .property__row .property__label {}
|
|
|
|
& .property__row .property__value {}
|
|
}
|
|
|
|
& .property__row.last-edit,
|
|
.property.property--rev.last-edit {
|
|
|
|
& .property__label {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
& .property__label {
|
|
display: flex !important;
|
|
}
|
|
|
|
& .property--groups {
|
|
& .property--title {
|
|
padding-top: 0px !important;
|
|
}
|
|
|
|
& .property__row {
|
|
|
|
& .property__label {
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
& .property__value {
|
|
flex: 1;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .contact-details {
|
|
margin-bottom: 20px;
|
|
|
|
& .property.property-adr {
|
|
|
|
& .property__row:nth-child(2),
|
|
.property__row:nth-child(3),
|
|
.property__row:nth-child(4),
|
|
.property__row:nth-child(5),
|
|
.property__row:nth-child(6),
|
|
.property__row:nth-child(8),
|
|
.property__row:nth-child(9) {
|
|
display: none !important;
|
|
}
|
|
|
|
.property__row:nth-child(7) {
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: 0px;
|
|
|
|
& .property__label {
|
|
justify-content: flex-start;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
& .property__value {
|
|
width: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .property.property--title {
|
|
padding: 0 !important;
|
|
margin-bottom: 5px;
|
|
|
|
|
|
& .property__label {
|
|
display: flex;
|
|
margin-top: 0px;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
|
|
}
|
|
}
|
|
|
|
& .property-bday,
|
|
.property-tz {
|
|
|
|
& .property__row {
|
|
& .property__label {
|
|
display: none !important;
|
|
}
|
|
|
|
& .property__value {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
& .property-bday .property__row .property__value>.vue-date-time-picker__wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
& .property-note {
|
|
|
|
& .property__row {
|
|
margin-bottom: 0;
|
|
|
|
.property__value {
|
|
height: unset !important;
|
|
|
|
& .textarea {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
|
|
& .property__label {
|
|
display: none !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
& .property__row {
|
|
display: flex;
|
|
gap: 1rem;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
& .property__label,
|
|
.property__value {
|
|
flex: 1;
|
|
}
|
|
|
|
|
|
& .property__label {
|
|
margin-top: 0 !important;
|
|
|
|
& .v-select {
|
|
min-width: 260px !important;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
& .property__value {
|
|
height: 42px;
|
|
width: 370px;
|
|
|
|
& .input-field {
|
|
margin-top: 0 !important;
|
|
height: 42px;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
& .app-content-details {
|
|
overflow-x: hidden;
|
|
|
|
padding-bottom: 20px;
|
|
|
|
& .property.property--rev.last-edit {
|
|
color: #fff;
|
|
display: none;
|
|
}
|
|
|
|
& .contact-header__avatar {
|
|
|
|
width: max-content;
|
|
|
|
& .contact-header-avatar__photo+.contact-header-avatar__menu {
|
|
height: 36px !important;
|
|
width: 250px !important;
|
|
margin-left: -30px !important;
|
|
margin-top: -30px !important;
|
|
|
|
bottom: 0;
|
|
left: 30px;
|
|
|
|
& .button-vue {
|
|
opacity: 1 !important;
|
|
background-color: #70B62B !important;
|
|
height: 36px !important;
|
|
width: 250px !important;
|
|
|
|
&:hover {
|
|
opacity: .75 !important;
|
|
}
|
|
|
|
& .material-design-icon.image-outline-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.image-outline-icon::before {
|
|
background-image: url("/themes/forbion/images/contacts/close-fat.svg");
|
|
width: 16px;
|
|
height: 16px;
|
|
left: 30px;
|
|
}
|
|
|
|
& .material-design-icon.image-outline-icon::after {
|
|
content: 'Добавить фото';
|
|
color: #fff;
|
|
font-family: Raleway;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
min-height: 20px;
|
|
min-width: 200px;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .avatardiv {
|
|
position: relative;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
|
|
& .contact-header {
|
|
margin: 16px 16px 16px 16px;
|
|
padding: 0;
|
|
flex-wrap: nowrap;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
& .contact-header__actions {
|
|
max-width: 170px;
|
|
margin-top: 5px;
|
|
justify-content: flex-end;
|
|
|
|
& .material-design-icon.eye-circle-icon {
|
|
margin-right: 15px;
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/eye.svg");
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
|
|
& .material-design-icon.check-icon:before {
|
|
background-image: url("/themes/forbion/images/arrow-btn.svg");
|
|
width: 21px;
|
|
height: 21px;
|
|
}
|
|
}
|
|
|
|
& .contact-header__infos {
|
|
|
|
& .contact-header__infos-title {
|
|
|
|
& .contact-title {
|
|
min-width: 280px;
|
|
line-height: 38px;
|
|
}
|
|
|
|
& input {
|
|
margin-top: 15px;
|
|
margin-right: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
& .contact-header__infos-subtitle {
|
|
|
|
margin-right: -10px;
|
|
|
|
& input {
|
|
width: calc(50% - 10px);
|
|
margin-right: 10px;
|
|
margin-bottom: -20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .contact-header__no-wrap {
|
|
display: flex;
|
|
gap: 12px;
|
|
}
|
|
|
|
& .contact-header__infos,
|
|
& .contact-header__actions,
|
|
& .contact-header__no-wrap {
|
|
width: max-content;
|
|
|
|
}
|
|
|
|
& .contact-header__quick-actions {
|
|
|
|
margin-top: 5px;
|
|
|
|
& .icon-talk {
|
|
|
|
& .button-vue__icon {
|
|
position: relative;
|
|
|
|
& .icon {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: url("/themes/forbion/images/cinema-gray.svg");
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .quick-action {
|
|
background: #F5F5F5 !important;
|
|
}
|
|
|
|
& .material-design-icon.email-icon:before {
|
|
width: 20px;
|
|
height: 20px;
|
|
opacity: .55;
|
|
}
|
|
|
|
& .material-design-icon.phone-icon svg {
|
|
fill: gray;
|
|
opacity: .85;
|
|
}
|
|
|
|
& .material-design-icon.account-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.account-icon:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: url("/themes/forbion/images/account-gray.svg");
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|
|
|
|
.contact-details-wrapper {
|
|
width: 100%;
|
|
margin: 0 auto;
|
|
|
|
& .contact-details {
|
|
|
|
& .property__label {
|
|
|
|
& .material-design-icon.email-icon:before {
|
|
width: 20px;
|
|
height: 20px;
|
|
left: -20px;
|
|
transform: translateY(-50%) scale(0.9);
|
|
}
|
|
|
|
& .material-design-icon.badge-account-horizontal-icon:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-image: url("/themes/forbion/images/account.svg");
|
|
top: 50%;
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: translateY(-50%) scale(1.2);
|
|
left: -20px;
|
|
}
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
&>.property {
|
|
|
|
&:not(:last-child) {
|
|
margin-bottom: 30px;
|
|
}
|
|
|
|
& .material-design-icon.icon-address-book:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-image: url("/themes/forbion/images/address-book.svg");
|
|
top: 50%;
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: translateY(-50%) scale(1.2);
|
|
left: -5px;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .property {
|
|
|
|
& .property--title {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
padding-right: 80px;
|
|
padding-top: 12px;
|
|
margin: 5px 16px;
|
|
|
|
& .property__value {
|
|
|
|
margin-left: -2px;
|
|
padding-top: 2px;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
width: 350px;
|
|
}
|
|
|
|
& .property__label {
|
|
justify-content: flex-start;
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
& .property__row {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0;
|
|
justify-content: flex-start;
|
|
margin: 0px 16px;
|
|
|
|
& .property__label {
|
|
display: none;
|
|
}
|
|
|
|
& .property__value {
|
|
|
|
width: 350px;
|
|
|
|
& .v-select {
|
|
width: 100%;
|
|
}
|
|
|
|
&>* {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
& .input-field,
|
|
.input-field__main-wrapper {
|
|
height: 42px !important;
|
|
}
|
|
|
|
}
|
|
|
|
& .property__actions {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .property__actions {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
height: 0;
|
|
}
|
|
|
|
& .material-design-icon.account-multiple-icon:before {
|
|
left: -20px;
|
|
transform: translateY(-50%);
|
|
}
|
|
}
|
|
|
|
& .related-resources {
|
|
display: none !important;
|
|
}
|
|
|
|
& .property__row.last-edit {
|
|
|
|
margin: 20px 0 10px;
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
|
|
& .property__label {
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .property__value {
|
|
width: 350px;
|
|
|
|
& .button-vue {
|
|
width: 350px;
|
|
height: 40px;
|
|
}
|
|
}
|
|
|
|
& .property__actions:empty {
|
|
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .property--rev.last-edit {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
|
|
& input {
|
|
border-radius: 8px !important;
|
|
padding: 0 50px 0 10px;
|
|
height: 42px !important;
|
|
|
|
&:not([readonly])+.input-field__icon {
|
|
|
|
display: block !important;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 5px;
|
|
left: unset;
|
|
height: 42px;
|
|
|
|
&:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-image: url("/themes/forbion/images/pencil-icon-black.svg");
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
}
|
|
}
|
|
|
|
& .vs__selected {
|
|
height: 36px !important;
|
|
}
|
|
|
|
& .vs__actions {
|
|
|
|
& .vs__clear {
|
|
margin-right: 20px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& #app-settings {
|
|
padding: var(--app-navigation-padding);
|
|
padding-top: 0;
|
|
padding-bottom: 12px;
|
|
border-bottom-right-radius: 8px;
|
|
border-bottom-left-radius: 8px;
|
|
|
|
& #app-settings__header {
|
|
|
|
margin: 0;
|
|
|
|
& .settings-button {
|
|
border-radius: 8px;
|
|
}
|
|
}
|
|
|
|
& #app-settings__content {
|
|
|
|
box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
|
|
border-radius: 8px;
|
|
|
|
& .settings-fieldset-interior {
|
|
overflow-x: hidden;
|
|
|
|
& .settings-fieldset-interior-item {
|
|
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
|
|
&[data-v-fda924a6] {
|
|
|
|
& .button-vue {
|
|
background: rgb(238, 244, 233) !important;
|
|
margin-bottom: 10px;
|
|
}
|
|
}
|
|
|
|
& .action-checkbox__label {
|
|
|
|
line-height: 21px;
|
|
}
|
|
|
|
& .vs__dropdown-toggle {
|
|
|
|
min-width: unset;
|
|
max-width: calc(100% - 16px);
|
|
border: 1px solid #E6E6E6 !important;
|
|
border-radius: 8px;
|
|
|
|
& .vs__actions {
|
|
right: 15px;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .action:not(.settings-fieldset-interior-item) {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding: 0 5px;
|
|
|
|
& .material-design-icon {
|
|
width: 20px;
|
|
height: 20px;
|
|
min-width: 20px;
|
|
margin-right: 14px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.open {
|
|
& .app-settings__header {
|
|
margin-bottom: 2px;
|
|
}
|
|
}
|
|
}
|
|
|
|
& #app-sidebar-vue {
|
|
|
|
/*margin-top: 48px;*/
|
|
/*height: calc(100% - 48px);*/
|
|
margin-left: 8px;
|
|
border-radius: 8px;
|
|
|
|
& .app-sidebar-header {
|
|
|
|
& .app-sidebar-header__description {
|
|
|
|
& .app-sidebar__header {
|
|
|
|
padding: 3px 14px 0;
|
|
height: 34px;
|
|
|
|
& .calendar-picker-header {
|
|
|
|
& .v-popper--theme-dropdown {
|
|
|
|
& .button-vue__text {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
&::after {
|
|
margin-top: 2px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&>*:not(:last-child) {
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
& .property-title {
|
|
|
|
& .property-title__input {
|
|
position: relative;
|
|
|
|
& input {
|
|
padding-right: 50px;
|
|
}
|
|
|
|
&::before {
|
|
content: '';
|
|
position: absolute;
|
|
width: 16px;
|
|
height: 16px;
|
|
top: 50%;
|
|
right: 15px;
|
|
background-image: url("/themes/forbion/images/pencil-icon-black.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
transform: translateY(-50%);
|
|
transform-origin: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .property-title-time-picker {
|
|
|
|
& .native-datetime-picker:first-child {
|
|
|
|
position: relative;
|
|
|
|
& input {
|
|
padding-right: 10px !important;
|
|
}
|
|
|
|
&:before {
|
|
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 13px;
|
|
transform: translateY(-50%);
|
|
background-image: url("/themes/forbion/images/calendar-blank-icon.svg");
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 16px;
|
|
height: 16px;
|
|
pointer-events: none;
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
|
|
& .native-datetime-picker:nth-child(2) {
|
|
|
|
position: relative;
|
|
|
|
& input {
|
|
padding-right: 10px !important;
|
|
}
|
|
|
|
&:before {
|
|
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 13px;
|
|
transform: translateY(-50%);
|
|
background-image: url("/themes/forbion/images/alarm-icon.svg");
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 16px;
|
|
height: 16px;
|
|
pointer-events: none;
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .property-add-talk {
|
|
|
|
& .material-design-icon {
|
|
height: 35px;
|
|
}
|
|
}
|
|
|
|
& .property-add-talk__button {
|
|
border: 1px solid #D9D9D9 !important;
|
|
padding: 5px 12px;
|
|
}
|
|
|
|
& .linkify-links {
|
|
border: 1px solid #D9D9D9 !important;
|
|
padding: 5px 12px 8px;
|
|
}
|
|
|
|
& .property-title-time-picker {
|
|
|
|
& .property-title-time-picker__time-pickers {
|
|
|
|
& .property-title-time-picker__time-pickers__inner {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
& input {
|
|
padding: 0 5px 0 9px;
|
|
}
|
|
|
|
& .property-title-time-picker__time-pickers-from {
|
|
|
|
& span[data-v-310f4ca4] {
|
|
width: auto;
|
|
}
|
|
}
|
|
|
|
& .property-title-time-picker__time-pickers-to {
|
|
|
|
& span[data-v-310f4ca4] {
|
|
width: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
&>.button-vue[data-v-b2be1481] {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .property-title-time-picker__all-day {
|
|
padding-left: 0;
|
|
|
|
& .checkbox-content {
|
|
padding-left: 0;
|
|
margin-left: -3px;
|
|
min-width: 250px;
|
|
background: unset;
|
|
|
|
& .checkbox-radio-switch__text {
|
|
padding-left: 5px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-sidebar-tabs__nav {
|
|
margin-top: 30px;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
& .app-sidebar-tabs__content {
|
|
|
|
& .app-sidebar__tab {
|
|
box-shadow: unset;
|
|
}
|
|
|
|
& .app-sidebar-tab__content {
|
|
|
|
& .property-color {
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
& .property-color__input {
|
|
|
|
padding-top: 2px;
|
|
|
|
& .property-color__color-preview {
|
|
max-width: 25px;
|
|
max-height: 25px;
|
|
width: 25px !important;
|
|
height: 25px !important;
|
|
min-width: 25px;
|
|
min-height: 25px;
|
|
}
|
|
|
|
&>.action-item--single {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .property-repeat {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .save-buttons {
|
|
bottom: 35px;
|
|
padding-right: 24px;
|
|
|
|
& .button-vue {
|
|
|
|
& .material-design-icon.check-icon::before {
|
|
background-image: url("/themes/forbion/images/arrow-btn.svg");
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: scale(1.25) translate(-50%, -50%);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-navigation--close+#app-content-vue {
|
|
background: unset !important;
|
|
}
|
|
}
|
|
|
|
.entity-picker__options[data-v-485cea51] {
|
|
margin: 8px 0 4px;
|
|
}
|
|
|
|
.entity-picker__search-input {
|
|
padding-right: 50px;
|
|
}
|
|
|
|
.button-vue:not([disabled="disabled"]) {
|
|
transition: opacity .3s !important;
|
|
|
|
&:hover {
|
|
opacity: .75 !important;
|
|
}
|
|
}
|
|
|
|
input,
|
|
textarea {
|
|
border: 1px solid #E6E6E6 !important;
|
|
border-radius: 8px;
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
html .input-field__input[data-v-ceb23641]:active:not([disabled]),
|
|
html .input-field__input[data-v-ceb23641]:hover:not([disabled]),
|
|
html .input-field__input[data-v-ceb23641]:focus:not([disabled]) {
|
|
box-shadow: unset !important;
|
|
}
|
|
|
|
input.vs__search {
|
|
border: unset !important;
|
|
padding-right: 50px;
|
|
}
|
|
|
|
body ul.vs__dropdown-menu {
|
|
color: #000000 !important;
|
|
padding: 10px 10px 15px !important;
|
|
border-top: 1px solid #E6E6E6 !important;
|
|
border-bottom: 1px solid #E6E6E6 !important;
|
|
border-right: 1px solid #E6E6E6 !important;
|
|
border-left: 1px solid #E6E6E6 !important;
|
|
}
|
|
|
|
.button-vue--vue-primary {
|
|
|
|
background-color: #70B62B !important;
|
|
|
|
& .material-design-icon__svg {
|
|
fill: #FFFFFF;
|
|
}
|
|
|
|
& .button-vue__text {
|
|
color: #FFFFFF;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
}
|
|
|
|
.navigation__button-right.primary {
|
|
background: rgb(112, 182, 43) !important;
|
|
height: 40px;
|
|
color: #FFFFFF !important;
|
|
font-weight: 500 !important;
|
|
position: relative;
|
|
transition: .3s;
|
|
|
|
&:hover {
|
|
opacity: .75;
|
|
}
|
|
}
|
|
|
|
.navigation__button-left {
|
|
|
|
background-color: #F0F1F4 !important;
|
|
height: 40px;
|
|
color: #000000 !important;
|
|
font-weight: 500 !important;
|
|
position: relative;
|
|
padding-left: 42px !important;
|
|
padding-right: 15px !important;
|
|
transition: .3s;
|
|
|
|
&:before {
|
|
content: '';
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 50%;
|
|
width: 16px;
|
|
height: 16px;
|
|
transform: translateY(-50%) scale(1.1);
|
|
background-image: url("/themes/forbion/images/close-gray.svg");
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
&:hover {
|
|
opacity: .75;
|
|
}
|
|
}
|
|
|
|
.action .action-checkbox label.action-checkbox__label {
|
|
position: relative;
|
|
padding-left: 34px !important;
|
|
}
|
|
|
|
.action input[type=checkbox].checkbox+label::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: -1px;
|
|
transform: translateY(-50%) scale(1.1);
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-image: url("/themes/forbion/images/checkbox-blank-outline-black-icon.svg");
|
|
border: unset !important;
|
|
background-color: unset !important;
|
|
}
|
|
|
|
.action input[type=checkbox].checkbox:checked+label::before {
|
|
background-image: url("/themes/forbion/images/checkbox-marked-icon.svg");
|
|
}
|
|
|
|
.v-popper__popper {
|
|
|
|
& .v-popper__inner {
|
|
|
|
& .color-picker__navigation {
|
|
|
|
& .button-vue--vue-primary {
|
|
|
|
& .button-vue__wrapper {
|
|
|
|
position: relative;
|
|
padding: 0 5px;
|
|
|
|
& .button-vue__text {
|
|
opacity: 0;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
&::before {
|
|
content: 'Выбрать';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& ul[data-v-60a4c99d] {
|
|
|
|
& li[data-v-903e8d3b].action {
|
|
|
|
& .action-button {
|
|
|
|
align-items: center;
|
|
}
|
|
}
|
|
}
|
|
|
|
& ul[data-v-60a4c99d] {
|
|
& li[data-v-903e8d3b] {
|
|
& .action-button {
|
|
& .material-design-icon {
|
|
width: 34px;
|
|
height: 34px;
|
|
}
|
|
|
|
& .action-button__longtext {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
& .action-button__text {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
& .calendar-picker-header__icon+.action-button__text {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.action-text {
|
|
|
|
& .material-design-icon {
|
|
margin-right: 3px;
|
|
}
|
|
}
|
|
|
|
.action-link__longtext {
|
|
line-height: 21px !important;
|
|
}
|
|
|
|
.action-text__longtext {
|
|
line-height: 21px !important;
|
|
}
|
|
|
|
.action-button__longtext {
|
|
line-height: 21px !important;
|
|
}
|
|
|
|
.empty-content__icon .material-design-icon:not(.loading-icon) svg {
|
|
display: none;
|
|
}
|
|
|
|
.empty-content__icon .material-design-icon:before {
|
|
display: block;
|
|
transform: translate(-50%, -50%) scale(3.7);
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
|
|
.entity-picker__search-icon.icon-search {
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
|
|
&:before {
|
|
content: '';
|
|
position: absolute;
|
|
background-image: url("/themes/forbion/images/search-gray.svg");
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
|
|
.modal-container__close {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.empty-content.processing-screen__wrapper {
|
|
& .empty-content__name {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
progress {
|
|
background: #70B62B !important;
|
|
background-color: #70B62B !important;
|
|
}
|
|
|
|
.close__button {
|
|
|
|
& .button-vue {
|
|
|
|
margin-top: 30px;
|
|
height: 40px;
|
|
background: #70B62B !important;
|
|
|
|
& .button-vue__wrapper {
|
|
|
|
.button-vue__text {
|
|
padding-left: 33px;
|
|
padding-right: 6px;
|
|
color: #FFFFFF;
|
|
position: relative;
|
|
|
|
&::before {
|
|
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50%;
|
|
background-image: url("/themes/forbion/images/arrow-btn.svg");
|
|
width: 20px;
|
|
height: 20px;
|
|
transform: scale(1.1) translateY(-50%);
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.import-contact__button--files {
|
|
height: 40px;
|
|
|
|
& .material-design-icon.folder-icon {
|
|
|
|
&:before {
|
|
background-image: url("/themes/forbion/images/folder-white.svg");
|
|
}
|
|
}
|
|
}
|
|
|
|
.import-contact__button--local {
|
|
|
|
background-color: #F0F1F4 !important;
|
|
height: 40px;
|
|
|
|
& .button-vue__text {
|
|
color: #000000;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
}
|
|
|
|
.user-bubble__wrapper {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#content-vue .splitpanes.default-theme .splitpanes__pane-list {
|
|
margin: 0;
|
|
border: unset;
|
|
}
|
|
|
|
#content-vue .empty-content.empty-content {
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.search-contacts-field {
|
|
|
|
padding-left: 47px;
|
|
|
|
& input {
|
|
height: 33px !important;
|
|
min-height: 33px;
|
|
max-height: 33px;
|
|
margin-top: 4px;
|
|
border-radius: 27px;
|
|
font-size: 15px;
|
|
cursor: text;
|
|
}
|
|
}
|
|
|
|
.v-select {
|
|
|
|
cursor: pointer;
|
|
|
|
& .vs__dropdown-toggle {
|
|
|
|
height: 100%;
|
|
border: 1px solid #E6E6E6 !important;
|
|
border-radius: 8px;
|
|
|
|
& .vs__actions {
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
}
|