2556 lines
97 KiB
CSS
2556 lines
97 KiB
CSS
/* app-spreed-new */
|
||
|
||
.conversation-icon .avatar.icon {
|
||
--color-text-maxcontrast-default: #70B62B;
|
||
}
|
||
|
||
#header .logo {
|
||
filter: none !important;
|
||
}
|
||
|
||
body {
|
||
--color-primary-element-light: #70B62B1A !important;
|
||
--color-primary-element-light-text:#000 !important;
|
||
}
|
||
|
||
body#body-public {
|
||
#content.app-spreed {
|
||
& .content.app-talk.in-call {
|
||
margin-top: 64px;
|
||
height: calc(var(--body-height) - 10px);
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle {
|
||
margin-top: calc(100vh - 145px) !important;
|
||
margin-right: 90px !important;
|
||
}
|
||
|
||
& .main-view {
|
||
&>.bottom-bar {
|
||
padding-bottom: 8px !important;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
body#body-public.talk-in-fullscreen {
|
||
& main#content.app-spreed {
|
||
margin-top: 0 !important;
|
||
|
||
& .content.app-talk.in-call {
|
||
margin-top: 4px !important;
|
||
height: calc(100% - 8px) !important;
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle {
|
||
margin-top: calc(100vh - 56px) !important;
|
||
margin-right: 90px !important;
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle {
|
||
margin-top: 3px !important;
|
||
margin-right: 270px !important;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
|
||
|
||
body#body-public {
|
||
& main#content.app-spreed {
|
||
width: 100%;
|
||
height: 100%;
|
||
margin: 0 !important;
|
||
justify-content: center;
|
||
}
|
||
|
||
& .top-bar-menu {
|
||
& .material-design-icon.dots-horizontal-icon>svg>path {
|
||
color: #808080;
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--primary.join-call,
|
||
.button-vue.button-vue--size-normal.button-vue--success.join-call {
|
||
height: 36px;
|
||
border: none;
|
||
background-color: #70B62B;
|
||
width: 168px;
|
||
|
||
|
||
& .button-vue__text {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
margin-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
& span.material-design-icon.phone-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.phone-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/call-icon-white.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
|
||
}
|
||
|
||
& .avatar.icon.icon-public {}
|
||
|
||
|
||
& .right-panel {
|
||
display: none;
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--error.leave-call {
|
||
background-color: #CA443F !important;
|
||
border: none;
|
||
padding-inline: 0 !important;
|
||
padding-inline-start: 12px;
|
||
|
||
& .material-design-icon.phone-hangup-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .button-vue__text {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.phone-hangup-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/call-leave-white.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
body {
|
||
--margin-right-toggle-chat: 147px !important;
|
||
--margin-top-togglr-chat-full: calc(100vh - 46px) !important;
|
||
--margin-top-togglr-chat: calc(100vh - 63px) !important;
|
||
|
||
--color-primary-element: #70B62B !important;
|
||
--color-primary-element-hover: #6faf2e !important;
|
||
--color-primary-element-light-hover: rgba(128, 128, 128, 0.1) !important;
|
||
--color-primary-element-light-text: #808080 !important;
|
||
--color-primary-light: #F5F5F5 !important;
|
||
|
||
--color-background-hover: rgba(128, 128, 128, 0.1) !important;
|
||
--sidebar-pad: 0px;
|
||
--vs-border-width: 1px solid #E6E6E6;
|
||
--color-main-text: #000 !important;
|
||
}
|
||
|
||
body ul.vs__dropdown-menu {
|
||
color: #000000 !important;
|
||
padding: 10px 10px 15px !important;
|
||
border-bottom: 1px solid #E6E6E6 !important;
|
||
border-right: 1px solid #E6E6E6 !important;
|
||
border-left: 1px solid #E6E6E6 !important;
|
||
|
||
|
||
}
|
||
|
||
body#body-user.talk-in-fullscreen .content.app-talk.in-call {
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle {
|
||
margin-top: var(--margin-top-togglr-chat);
|
||
margin-right: var(--margin-right-toggle-chat);
|
||
|
||
}
|
||
}
|
||
|
||
body.talk-in-fullscreen {
|
||
& #content {
|
||
margin: 0 !important;
|
||
width: 100% !important;
|
||
}
|
||
|
||
& #content-vue {
|
||
height: 100% !important;
|
||
max-height: max-content !important;
|
||
|
||
|
||
|
||
& .app-navigation-toggle-wrapper {
|
||
margin-top: calc(100vh - 67px) !important;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
& #settings-section_keyboard-shortcuts--label {
|
||
display: none;
|
||
}
|
||
|
||
#content.app-spreed {
|
||
|
||
& #content-vue {
|
||
gap: 0 !important;
|
||
}
|
||
|
||
& #app-content-vue {
|
||
overflow-x: hidden;
|
||
border-radius: 8px;
|
||
margin-left: var(--main-margin-panels) !important;
|
||
}
|
||
|
||
& .app-talk {
|
||
|
||
|
||
& .button-vue:focus-visible {
|
||
outline: 1px solid #E6E6E6 !important;
|
||
box-shadow: 0 0 0 2px var(--color-main-background) !important;
|
||
}
|
||
|
||
& .span {
|
||
font-family: Raleway !important;
|
||
font-weight: 400 !important;
|
||
font-size: 14px !important;
|
||
line-height: 20px !important;
|
||
letter-spacing: 0;
|
||
}
|
||
|
||
|
||
& .app-navigation {
|
||
|
||
& div.app-navigation-toggle-wrapper {
|
||
& button.button-vue.app-navigation-toggle {
|
||
& span.icon-vue>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.icon-vue::before {
|
||
background-image: url("/themes/forbion/images/spreed/close-sidebar-gray.svg") !important;
|
||
content: '';
|
||
width: 25px;
|
||
height: 35px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
position: absolute;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
& button.button-vue.app-navigation-toggle[aria-expanded="false"] {
|
||
& span.icon-vue::before {
|
||
|
||
transform: rotateY(-180deg);
|
||
|
||
}
|
||
}
|
||
|
||
|
||
& button.button-vue.app-navigation-toggle {
|
||
background-color: transparent;
|
||
}
|
||
|
||
& .talk-dashboard__menu {
|
||
position: relative;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
& .wrapper-buttons-new {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-bottom: 4px;
|
||
|
||
&>div.v-popper.v-popper--theme-nc-popover-9 {
|
||
width: 184px;
|
||
height: 36px;
|
||
|
||
&>button {
|
||
width: 100%;
|
||
height: 36px;
|
||
|
||
& .button-vue__wrapper {
|
||
justify-content: space-around;
|
||
}
|
||
|
||
& .button-vue__text {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
}
|
||
}
|
||
|
||
& .action-item.action-item--default-popover.action-item--secondary.filters {
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--secondary.action-item__menutoggle {
|
||
& span.material-design-icon.filter-outline-icon>svg {
|
||
display: none;
|
||
|
||
}
|
||
|
||
& span.material-design-icon.filter-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& .action-item.action-item--default-popover.action-item--tertiary {
|
||
width: 32px;
|
||
height: 36px;
|
||
border-radius: 8px;
|
||
background-color: #fff;
|
||
|
||
& span.material-design-icon.filter-outline-icon>svg {
|
||
display: none;
|
||
|
||
}
|
||
|
||
& span.material-design-icon.filter-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& span.material-design-icon.chat-plus-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.chat-plus-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/reload-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
& .app-navigation__search {
|
||
|
||
& .app-navigation-caption.navigation-caption {
|
||
background-color: white;
|
||
margin-inline-start: 0px;
|
||
margin-block: 5px !important;
|
||
}
|
||
|
||
& .new-conversation {
|
||
margin: 0 !important;
|
||
|
||
&>.conversations-search {
|
||
/* if be button "Начать встречу" will add*/
|
||
/*flex-grow: 1; */
|
||
height: 40px !important;
|
||
background-color: var(--color-main-background-blur) !important;
|
||
border-radius: 8px;
|
||
|
||
& .input-field__main-wrapper {
|
||
height: 100% !important;
|
||
|
||
& input.input-field__input {
|
||
height: 100% !important;
|
||
border: none;
|
||
box-shadow: none;
|
||
background-color: #fff;
|
||
}
|
||
|
||
& .input-field__icon.input-field__icon--leading {
|
||
|
||
& svg.material-design-icon__svg {
|
||
width: 18px;
|
||
height: 18px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
& .action-item.action-item--default-popover.action-item--secondary.filters {
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--secondary.action-item__menutoggle {
|
||
& span.material-design-icon.filter-outline-icon>svg {
|
||
display: none;
|
||
|
||
}
|
||
|
||
& span.material-design-icon.filter-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& .action-item.action-item--default-popover.action-item--tertiary {
|
||
width: 32px;
|
||
height: 40px;
|
||
border-radius: 8px;
|
||
background-color: #fff;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
|
||
& span.material-design-icon.filter-outline-icon>svg {
|
||
display: none;
|
||
|
||
}
|
||
|
||
& span.material-design-icon.filter-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& span.material-design-icon.chat-plus-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.chat-plus-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/reload-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
}
|
||
|
||
& #nc-vue-4.app-navigation-entry-wrapper.navigation-item {
|
||
border-radius: 8px 8px 0px 0px;
|
||
}
|
||
|
||
& .app-navigation-entry-wrapper.navigation-item {
|
||
padding-inline: 0;
|
||
height: 44px;
|
||
margin-block: 0;
|
||
/*padding-block: 4px;*/
|
||
background-color: #fff;
|
||
border-radius:8px;
|
||
|
||
& .app-navigation-entry {
|
||
min-height: 44px !important;
|
||
|
||
& .app-navigation-entry-link {
|
||
align-items: center;
|
||
}
|
||
}
|
||
|
||
& .app-navigation-entry.active {
|
||
& span.material-design-icon.home-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/home-icon-white.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
& .app-navigation-entry__name {
|
||
padding: 0;
|
||
}
|
||
|
||
& span.material-design-icon.forum-outline-icon>svg,
|
||
span.material-design-icon.home-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.forum-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/men-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& span.material-design-icon.home-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/home-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& .transition-group.conversations__filters {
|
||
margin: 2.5px 8px;
|
||
}
|
||
|
||
& .app-navigation-list {
|
||
background-color: #fff;
|
||
|
||
& .scroller {
|
||
|
||
& ul {
|
||
|
||
& .avatardiv__user-status.avatardiv__user-status--icon {
|
||
bottom: -6px;
|
||
}
|
||
|
||
& .list-item-content__main {
|
||
color: #000;
|
||
|
||
& .list-item-content__name {
|
||
font-size: 14px;
|
||
}
|
||
|
||
& .list-item-content__subname {
|
||
font-size: 12px;
|
||
font-weight: 400;
|
||
}
|
||
}
|
||
|
||
& li.list-item__wrapper.conversation[title="Давайте начнём!"] {
|
||
& .conversation-icon.conversation-icon--bright {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright>img {
|
||
display: none;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright::before {
|
||
background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg") !important;
|
||
content: '';
|
||
width: 25px;
|
||
height: 25px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
|
||
& .overlap-icon {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
& li.list-item__wrapper.conversation[title='Личные заметки'] {
|
||
& .conversation-icon.conversation-icon--bright {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright>img {
|
||
display: none;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright::before {
|
||
background-image: url("/themes/forbion/images/spreed/notes-icon-color.svg") !important;
|
||
content: '';
|
||
width: 25px;
|
||
height: 25px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
|
||
& .overlap-icon {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
& li.list-item__wrapper.conversation[title='Обновления приложения «Конференции» ✅'] {
|
||
|
||
& .conversation-icon.conversation-icon--bright {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright>img {
|
||
display: none;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright::before {
|
||
background-image: url("/themes/forbion/images/spreed/update-icon-color.svg") !important;
|
||
content: '';
|
||
width: 25px;
|
||
height: 25px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
|
||
& .overlap-icon {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
& .list-item__wrapper.conversation {
|
||
|
||
& .conversation-icon.conversation-icon--bright,
|
||
.avatardiv.popovermenu-wrapper.conversation-icon__avatar,
|
||
.avatar.icon.icon-public {
|
||
width: 25px;
|
||
height: 25px;
|
||
|
||
& img {
|
||
width: 25px;
|
||
height: 25px;
|
||
}
|
||
}
|
||
|
||
& .material-design-icon.dots-horizontal-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
& .overlap-icon {
|
||
display: none;
|
||
|
||
& .material-design-icon.video-icon {
|
||
right: 8px;
|
||
}
|
||
|
||
& .material-design-icon.video-icon>svg {
|
||
margin-top: 10px;
|
||
width: 16px;
|
||
height: 16px;
|
||
|
||
& path {
|
||
fill: #CA443F;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& span.material-design-icon.dots-horizontal-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/dots-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
& .left-sidebar__settings-button-container {
|
||
background-color: #fff;
|
||
border-radius: 0 0 8px 8px;
|
||
padding: 0;
|
||
|
||
& .button-vue__wrapper {
|
||
justify-content: start;
|
||
|
||
& .button-vue__text {
|
||
font-size: 14px;
|
||
font-weight: 400 !important;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
& span.material-design-icon.cog-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.cog-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/settings-app-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& #app-content-vue {
|
||
|
||
& .material-design-icon.account-multiple-plus-outline-icon svg path {
|
||
color: #808080;
|
||
}
|
||
|
||
& .talk-dashboard-wrapper {
|
||
background-color: #fff;
|
||
padding: 8px;
|
||
margin: 0;
|
||
width: 100%;
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
height: 100%;
|
||
|
||
& .talk-dashboard__actions {
|
||
padding: 0;
|
||
|
||
& .button-vue__text {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
}
|
||
|
||
& .material-design-icon.video-outline-icon>svg,
|
||
.material-design-icon.plus-icon>svg,
|
||
.material-design-icon.format-list-bulleted-icon>svg,
|
||
.material-design-icon.microphone-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.video-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/cam-video-white.svg") !important;
|
||
content: '';
|
||
width: 18px;
|
||
height: 18px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.plus-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/plus-gray.svg") !important;
|
||
content: '';
|
||
width: 18px;
|
||
height: 18px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.format-list-bulleted-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/list-item-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 18px;
|
||
height: 18px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.microphone-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/micro-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 18px;
|
||
height: 18px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
}
|
||
|
||
& .talk-dashboard__header {
|
||
padding-left: 60px;
|
||
margin: 0 auto 5px !important;
|
||
}
|
||
|
||
& .talk-dashboard__menu {
|
||
margin-bottom: 12px !important;
|
||
}
|
||
|
||
& .talk-dashboard__items {
|
||
|
||
& .dashboard-section__bar.image-container {
|
||
flex: 0 0 16vw !important;
|
||
}
|
||
|
||
& .event-section {
|
||
margin-bottom: 12px;
|
||
|
||
& .dashboard-section.dashboard-section--wide.event-section--empty {
|
||
height: 16vw !important;
|
||
|
||
& .dashboard-section__bar.image-container>img {
|
||
display: none;
|
||
}
|
||
|
||
& .dashboard-section__bar.image-container::before {
|
||
content: '';
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-image: url('/themes/forbion/images/spreed/event_banner.svg');
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
& .dashboard-section__action {
|
||
& .button-vue__wrapper {
|
||
height: 36px;
|
||
width: 182px;
|
||
|
||
& .button-vue__text {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
margin: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
& .material-design-icon.calendar-blank-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.calendar-blank-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/calendar-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 18px;
|
||
height: 18px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
& .talk-dashboard__chats {
|
||
gap: 12px !important;
|
||
|
||
& .talk-dashboard__unread-mentions,
|
||
.talk-dashboard__upcoming-reminders {
|
||
max-height: 100%;
|
||
|
||
& .dashboard-section__content {
|
||
justify-content: center;
|
||
}
|
||
}
|
||
|
||
& .dashboard-section__bar.image-container>img {
|
||
display: none;
|
||
}
|
||
|
||
& .talk-dashboard__unread-mentions {
|
||
& .dashboard-section__bar.image-container::before {
|
||
content: '';
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-image: url('/themes/forbion/images/spreed/unread-mentions.svg');
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
& .talk-dashboard__upcoming-reminders {
|
||
& .dashboard-section__bar.image-container::before {
|
||
content: '';
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-image: url('/themes/forbion/images/spreed/upcoming-reminders.svg');
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
& .main-view {
|
||
background-color: #fff;
|
||
padding: 5px;
|
||
border-radius: 8px;
|
||
margin: 0;
|
||
width: 100%;
|
||
max-width: 100%;
|
||
max-height: 100%;
|
||
|
||
|
||
& .top-bar.top-bar--authorised {
|
||
min-height: auto;
|
||
padding: 0;
|
||
border-width: 0;
|
||
padding-top: 2px;
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.top-bar__participants-button,
|
||
.v-popper.v-popper--theme-nc-popover-9.call-time {
|
||
display: none;
|
||
}
|
||
|
||
& .top-bar__icon-wrapper[aria-label='Настройки обсуждения'] {
|
||
|
||
|
||
& .conversation-icon.conversation-icon--bright:has(> img[alt="Личные заметки"]) img,
|
||
.conversation-icon.conversation-icon--bright:has(> img[alt="Личные заметки"]) .overlap-icon,
|
||
.conversation-icon.conversation-icon--bright:has(> img[alt="Обновления приложения «Конференции» ✅"]) img,
|
||
.conversation-icon.conversation-icon--bright:has(> img[alt="Давайте начнём!"]) img {
|
||
display: none;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright:has(> img[alt="Давайте начнём!"])::before {
|
||
background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg") !important;
|
||
content: '';
|
||
width: 40px;
|
||
height: 40px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright:has(> img[alt="Личные заметки"])::before {
|
||
background-image: url("/themes/forbion/images/spreed/notes-icon-color.svg") !important;
|
||
content: '';
|
||
width: 40px;
|
||
height: 40px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright:has(> img[alt="Обновления приложения «Конференции» ✅"])::before {
|
||
background-image: url("/themes/forbion/images/spreed/update-icon-color.svg") !important;
|
||
content: '';
|
||
width: 40px;
|
||
height: 40px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
/*
|
||
& .conversation-icon.conversation-icon--bright::before {
|
||
background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg");
|
||
content: '';
|
||
width: 25px;
|
||
height: 25px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}*/
|
||
|
||
|
||
}
|
||
|
||
& .top-bar__wrapper {
|
||
|
||
& .top-bar-menu {
|
||
|
||
& .material-design-icon.dots-horizontal-icon {
|
||
/*margin-bottom: 10px;
|
||
margin-right: 100px;*/
|
||
}
|
||
|
||
& .material-design-icon.dots-horizontal-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.dots-horizontal-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/dots-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
}
|
||
|
||
& .v-popper.v-popper--theme-nc-popover-9 {
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--secondary.upcoming-meeting[aria-label="Предстоящие встречи"] {
|
||
background-color: transparent !important;
|
||
border: none;
|
||
|
||
& .material-design-icon.calendar-blank-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.calendar-blank-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/event-calendar-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--primary.join-call,
|
||
.button-vue.button-vue--size-normal.button-vue--success.join-call {
|
||
height: 36px;
|
||
border: none;
|
||
background-color: #70B62B;
|
||
width: 168px;
|
||
|
||
|
||
& .button-vue__text {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
margin-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
& span.material-design-icon.phone-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.phone-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/call-icon-white.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
& .chatView {
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--success.join-call {
|
||
height: 36px;
|
||
border: none;
|
||
background-color: #70B62B;
|
||
|
||
|
||
& .button-vue__text {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
margin-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
& span.material-design-icon.phone-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.phone-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/call-icon-white.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
|
||
}
|
||
|
||
& div.wrapper[role='region'] {
|
||
padding-inline: 0;
|
||
padding-bottom: 0;
|
||
padding-top: 16px;
|
||
|
||
& form.new-message-form {
|
||
height: 36px;
|
||
align-items: center !important;
|
||
|
||
& .new-message-form__input {
|
||
height: 100%;
|
||
|
||
& .rich-contenteditable {
|
||
height: 100%;
|
||
|
||
& .rich-contenteditable__input {
|
||
border: 1px solid #000000 !important;
|
||
border-radius: 23px;
|
||
}
|
||
|
||
& .rich-contenteditable__input--empty.rich-contenteditable__input {
|
||
border: 1px solid #E0E0E0 !important;
|
||
border-radius: 23px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
}
|
||
|
||
& .new-message-form__emoji-picker {
|
||
margin-bottom: 3px;
|
||
|
||
& .material-design-icon.emoticon-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.emoticon-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/smile-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
/*margin-bottom: 6px;
|
||
margin-left: 4px;*/
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
& .action-item.action-item--default-popover.action-item--tertiary,
|
||
.audio-recorder {
|
||
|
||
& .material-design-icon.plus-icon>svg,
|
||
.material-design-icon.microphone-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.plus-icon::before,
|
||
.material-design-icon.microphone-outline-icon::before {
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
& .material-design-icon.plus-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/plus-icon-black.svg") !important;
|
||
}
|
||
|
||
& .material-design-icon.microphone-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/micro-icon-black.svg") !important;
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
& #app-sidebar-vue {
|
||
border-radius: 8px;
|
||
margin-left: 4.5px;
|
||
|
||
& .app-sidebar-tabs__nav {
|
||
|
||
& #tab-button-chat .material-design-icon,
|
||
#tab-button-chat svg {
|
||
display: none !important;
|
||
}
|
||
|
||
& #tab-button-chat>span:has(.material-design-icon)::before {
|
||
content: '';
|
||
display: block;
|
||
width: 20px;
|
||
height: 20px;
|
||
background-image: url('/themes/forbion/images/right-sidebar/chats-icon-black.svg');
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& #tab-button-participants .material-design-icon,
|
||
#tab-button-participants svg {
|
||
display: none !important;
|
||
}
|
||
|
||
& #tab-button-participants>span:has(.material-design-icon)::before {
|
||
content: '';
|
||
display: block;
|
||
width: 20px;
|
||
height: 20px;
|
||
background-image: url('/themes/forbion/images/right-sidebar/people-icon-black.svg');
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& #tab-button-shared-items .icon-vue,
|
||
#tab-button-shared-items svg {
|
||
display: none !important;
|
||
}
|
||
|
||
& #tab-button-shared-items>span:has(.icon-vue)::before {
|
||
content: '';
|
||
display: block;
|
||
width: 20px;
|
||
height: 20px;
|
||
background-image: url('/themes/forbion/images/right-sidebar/folder-icon-black.svg');
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
& header.app-sidebar-header {
|
||
|
||
& .content__header.animated {
|
||
pointer-events: none;
|
||
}
|
||
|
||
& .content__scroller.animated {
|
||
align-items: center;
|
||
|
||
& .content__image-wrapper.animated {
|
||
width: 52px;
|
||
height: 52px;
|
||
margin: 16px;
|
||
padding: 0px !important;
|
||
pointer-events: none;
|
||
}
|
||
|
||
|
||
& .content__image-wrapper.animated>img {
|
||
opacity: 1;
|
||
}
|
||
|
||
|
||
|
||
& .content__header h2 {
|
||
max-width: 80%;
|
||
}
|
||
|
||
}
|
||
|
||
& .content__scroller.animated:has(.content__header h2[title="Давайте начнём!"]) {
|
||
& .content__image-wrapper.animated::before {
|
||
background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg") !important;
|
||
content: '';
|
||
width: 52px;
|
||
height: 52px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
& .content__scroller.animated:has(.content__header h2[title="Обновления приложения «Конференции» ✅"]) {
|
||
& .content__image-wrapper.animated::before {
|
||
background-image: url("/themes/forbion/images/spreed/update-icon-color.svg") !important;
|
||
content: '';
|
||
width: 52px;
|
||
height: 52px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
& .content__scroller.animated:has(.content__header h2[title="Личные заметки"]) {
|
||
& .content__image-wrapper.animated::before {
|
||
background-image: url("/themes/forbion/images/spreed/notes-icon-color.svg") !important;
|
||
content: '';
|
||
width: 52px;
|
||
height: 52px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__close>svg {
|
||
& span.material-design-icon.close-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.close-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/close-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
& .content.content--preview {
|
||
|
||
& .content__name.content__name--has-actions {
|
||
padding-top: 16px;
|
||
/*padding-left: 16px;*/
|
||
font-size: 18px;
|
||
}
|
||
|
||
& .content__image-wrapper.animated {
|
||
transition: none !important;
|
||
transition-property: none !important;
|
||
overflow: visible;
|
||
}
|
||
|
||
& .content__image-wrapper.animated::after {
|
||
display: none;
|
||
}
|
||
|
||
}
|
||
|
||
& .content.content--compact {
|
||
& .content__actions {
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary {
|
||
padding: 0;
|
||
|
||
& .material-design-icon.magnify-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.magnify-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/search-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
& .content__name.content__name--has-actions {
|
||
padding-top: 16px;
|
||
/*padding-left: 16px;*/
|
||
font-size: 18px;
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
& .app-sidebar-tabs {
|
||
|
||
& .empty-content.shared-items-tab__empty-content {
|
||
& .empty-content__icon {
|
||
& .icon-vue svg {
|
||
display: none;
|
||
}
|
||
& .icon-vue>span::before {
|
||
background-image: url("/themes/forbion/images/files/shared-icon-colored.svg") !important;
|
||
content: "";
|
||
width: 64px;
|
||
height: 64px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display:block;
|
||
}
|
||
}
|
||
}
|
||
|
||
& span.checkbox-content__icon.checkbox-radio-switch__icon>.icon-vue.icon-vue--inline>span>svg {
|
||
display: none;
|
||
}
|
||
|
||
/*
|
||
& span.material-design-icon.account-multiple-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/participants-icon-black.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}*/
|
||
& .app-sidebar-tabs__content.app-sidebar-tabs__content--multiple {
|
||
& .wrapper {
|
||
margin-top: 20px;
|
||
|
||
& .search-form {
|
||
|
||
border: none;
|
||
|
||
& .input-field.input-field--label-outside.input-field--leading-icon.search-box.search-form__input {
|
||
height: 37px;
|
||
|
||
& .input-field__main-wrapper {
|
||
height: 100% !important;
|
||
|
||
|
||
& .input-field__input {
|
||
box-shadow: none;
|
||
border-radius: 8px;
|
||
border: 1px solid #E6E6E6;
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& .vue-recycle-scroller__item-wrapper {
|
||
|
||
& .avatar-wrapper {
|
||
width: 25px;
|
||
height: 25px;
|
||
margin: 8px;
|
||
|
||
& .avatardiv.popovermenu-wrapper,
|
||
.avatar.icon.icon-contacts {
|
||
width: 25px;
|
||
height: 25px;
|
||
background-color: var(--color-primary-element) !important;
|
||
}
|
||
|
||
& .avatar.guest {
|
||
width: 25px;
|
||
height: 25px;
|
||
font-size: 13px;
|
||
line-height: 25px;
|
||
}
|
||
|
||
/*
|
||
& .avatardiv.popovermenu-wrapper>img,
|
||
.avatar.icon.icon-contacts {
|
||
display: none;
|
||
}
|
||
|
||
& .avatardiv.popovermenu-wrapper::before {
|
||
background-image: url("/themes/forbion/images/spreed/circle-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 25px;
|
||
height: 25px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}*/
|
||
|
||
|
||
}
|
||
|
||
/*
|
||
& .avatar-wrapper:has(.avatar.icon.icon-contacts)::before {
|
||
background-image: url("/themes/forbion/images/spreed/circle-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 25px;
|
||
height: 25px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
|
||
} */
|
||
|
||
& .avatar-wrapper:has(.avatar.icon.icon-contacts) {
|
||
background-color: #70B62B !important;
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
& .app-sidebar-tabs__content {
|
||
& #tab-search-messages {
|
||
& .search-messages-tab {
|
||
& .search-form__main {
|
||
& .input-field__main-wrapper {
|
||
height: 36px !important;
|
||
|
||
& .input-field__input {
|
||
box-shadow: none;
|
||
border: 1px solid #E0E0E0 !important;
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary-no-background.button-vue--tertiary {
|
||
& .material-design-icon.filter-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.filter-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/filter-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--primary {
|
||
& .material-design-icon.filter-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.filter-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/filter-white.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle {
|
||
margin-top: 2px;
|
||
margin-right: 168px;
|
||
|
||
& span.button-vue__icon {
|
||
& .material-design-icon.dock-right-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.dock-right-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/dots-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& .content.app-talk.in-call {
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle {
|
||
|
||
margin-top: var(--margin-top-togglr-chat);
|
||
margin-right: var(--margin-right-toggle-chat);
|
||
|
||
& svg path {
|
||
color: #808080;
|
||
}
|
||
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.app-sidebar__toggle.chat-button-sidebar-toggle:hover {
|
||
background-color: #808080;
|
||
|
||
& svg path {
|
||
color: #ffffff;
|
||
}
|
||
|
||
}
|
||
|
||
|
||
& .app-navigation {
|
||
& .app-navigation-toggle-wrapper {
|
||
margin-top: calc(100vh - 70px);
|
||
|
||
&>button {
|
||
background-color: transparent;
|
||
}
|
||
|
||
& .button-vue.app-navigation-toggle {
|
||
width: 40px;
|
||
height: 40px;
|
||
margin-right: 4px;
|
||
}
|
||
|
||
& span.icon-vue::before {
|
||
width: 40px;
|
||
height: 40px;
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
& #app-content-vue {
|
||
|
||
& .main-view {
|
||
overflow: hidden;
|
||
padding-right: 5px;
|
||
padding-top: 0px;
|
||
|
||
& .top-bar.top-bar--in-call {
|
||
top: auto;
|
||
width: 100%;
|
||
|
||
|
||
& .top-bar__wrapper {}
|
||
}
|
||
|
||
& #call-container {
|
||
background-color: #fff;
|
||
position: relative;
|
||
|
||
& .empty-call-view {
|
||
|
||
& h2,
|
||
p {
|
||
color: #808080;
|
||
}
|
||
|
||
&>button {
|
||
background-color: #70B62B1A;
|
||
color: #808080;
|
||
border: none;
|
||
}
|
||
|
||
|
||
& .empty-call-view__icon.material-design-icon.link-icon.empty-call-view__icon>svg>path,
|
||
.empty-call-view__icon.material-design-icon.account-multiple-outline-icon.empty-call-view__icon>svg>path {
|
||
color: #808080;
|
||
}
|
||
}
|
||
|
||
& #videos {
|
||
padding-inline: 0;
|
||
height: calc(100% - var(--bottom-bar-height));
|
||
top: 5px;
|
||
|
||
|
||
|
||
& .video-container.speaking[data-v-3113a503]:after,
|
||
.speaking[data-v-eb880132]:after {
|
||
content:"";
|
||
box-shadow: inset 0 0 0 2px #70B62B;
|
||
}
|
||
|
||
.avatardiv img {
|
||
display: block !important;
|
||
}
|
||
|
||
& .avatar-wrapper,
|
||
.avatardiv,
|
||
.avatar {
|
||
width: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)) !important;
|
||
height: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)) !important;
|
||
max-width: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)) !important;
|
||
max-height: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25)) !important;
|
||
font-size: calc((var(--avatar-size) + (var(--avatar-size) / 100 * 25)) / 2);
|
||
;
|
||
line-height: calc(var(--avatar-size) + (var(--avatar-size) / 100 * 25));
|
||
}
|
||
|
||
& .stripe-wrapper .grid.stripe {
|
||
padding: 5px 5px 0px 0px !important;
|
||
|
||
}
|
||
|
||
& .localVideoContainer.video-container-stripe {
|
||
margin-top: 5px !important;
|
||
}
|
||
|
||
|
||
|
||
& .video__promoted.full-page {
|
||
&>div {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
& .participant-name {
|
||
font-size: 24px;
|
||
font-weight: 700;
|
||
color: #666666;
|
||
filter: none;
|
||
|
||
}
|
||
|
||
& .transition-group.media-indicators {
|
||
& .icon-vue svg path {
|
||
color: #808080;
|
||
}
|
||
}
|
||
|
||
& .video-background {
|
||
background-color: #70B62B1A !important;
|
||
}
|
||
}
|
||
|
||
&>.bottom-bar {
|
||
padding-bottom: 0px;
|
||
|
||
& .my-call-toolbar-wrapper {
|
||
width: 100%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
|
||
& .middle-panel {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
& button.leave-call {
|
||
width: 45px !important;
|
||
height: 45px !important;
|
||
margin-left: 4px;
|
||
}
|
||
|
||
& .bottom-bar-call-controls,
|
||
.action-items.action-item--error.leave-call,
|
||
.action-items.action-item--tertiary.leave-call {
|
||
|
||
|
||
& button.button-vue {
|
||
|
||
width: 45px !important;
|
||
height: 45px !important;
|
||
|
||
& .material-design-icon::before svg path {
|
||
color: #F5F5F5;
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& .action-items.action-item--error.leave-call,
|
||
.action-items.action-item--tertiary.leave-call {
|
||
margin-left: 4px;
|
||
}
|
||
}
|
||
|
||
& .right-panel {
|
||
display: flex;
|
||
align-items: center;
|
||
|
||
& button[title="Начало записи"] .button-vue__icon{
|
||
margin-right: 40px;
|
||
margin-top: 4px;
|
||
}
|
||
|
||
& .v-popper.v-popper--theme-nc-popover-9.call-time {
|
||
&>button {
|
||
color: #808080 !important;
|
||
background-color: transparent;
|
||
padding-inline: 0;
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.top-bar__participants-button {
|
||
color: #808080 !important;
|
||
background-color: transparent;
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary.action-item__menutoggle {
|
||
background-color: transparent;
|
||
|
||
& .material-design-icon.dots-horizontal-icon>svg {
|
||
& path {
|
||
color: #808080;
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& .left-panel {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-left: 30px;
|
||
|
||
& .conversation-header {
|
||
width: auto;
|
||
|
||
& .conversation-header__text {
|
||
color: #000 !important;
|
||
}
|
||
}
|
||
|
||
& .top-bar__icon-wrapper[aria-label='Настройки обсуждения'] {
|
||
|
||
& .conversation-icon.conversation-icon--bright {
|
||
width: 40px;
|
||
height: 40px;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright>img,
|
||
.overlap-icon,
|
||
.avatar.icon.icon-public {
|
||
display: none;
|
||
}
|
||
|
||
& .conversation-icon.conversation-icon--bright::before {
|
||
background-image: url("/themes/forbion/images/spreed/chat-avatar-member-icon.svg");
|
||
content: '';
|
||
width: 40px;
|
||
height: 40px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
& .transition-group.media-indicators {
|
||
&>button {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary[aria-label="Select virtual background"],
|
||
.button-vue.button-vue--size-normal.button-vue--tertiary[aria-label="Выбрать виртуальный фон"] {
|
||
& .icon-vue>span>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .icon-vue>span::before {
|
||
background-image: url("/themes/forbion/images/spreed/add-background-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: block;
|
||
}
|
||
|
||
}
|
||
|
||
& .action-items.action-item--error.leave-call.leave-call-actions--split,
|
||
.action-items.action-item--tertiary.leave-call.leave-call-actions--split {
|
||
& .material-design-icon.phone-hangup-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .button-vue__text {
|
||
display: none;
|
||
}
|
||
|
||
&>button {
|
||
background-color: #CA443F !important;
|
||
border: none;
|
||
|
||
}
|
||
|
||
& .action-item {
|
||
& button {
|
||
background-color: #CA443F !important;
|
||
border: none;
|
||
}
|
||
|
||
& .material-design-icon.chevron-up-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.chevron-up-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/chevron-up-icon-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
& .material-design-icon.phone-hangup-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/call-leave-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--error.leave-call,
|
||
.button-vue.button-vue--tertiary.leave-call {
|
||
background-color: #CA443F !important;
|
||
border: none;
|
||
padding-left: 12px;
|
||
|
||
|
||
& .material-design-icon.phone-hangup-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .button-vue__text {
|
||
display: none;
|
||
}
|
||
|
||
& .action-item {
|
||
& button {
|
||
background-color: #CA443F !important;
|
||
border: none;
|
||
}
|
||
|
||
& .material-design-icon.chevron-up-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.chevron-up-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/chevron-up-icon-white.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
}
|
||
|
||
& .material-design-icon.phone-hangup-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/call-leave-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary[aria-label='Выбрать виртуальный фон'] {
|
||
& .icon-vue>span::before {
|
||
background-image: url("/themes/forbion/images/spreed/add-background-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: block;
|
||
}
|
||
}
|
||
}
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--error.leave-call-button--split,
|
||
.button-vue.button-vue--size-normal.button-vue--tertiary.leave-call-button--split {
|
||
padding-inline-start: 12px;
|
||
}
|
||
|
||
|
||
& .button-vue.button-vue--size-normal.button-vue--tertiary,
|
||
.button-vue.button-vue--size-normal.button-vue--secondary,
|
||
.button-vue.button-vue--size-normal.button-vue--error.action-item__menutoggle {
|
||
background-color: #808080;
|
||
border: none !important;
|
||
|
||
& .material-design-icon.fullscreen-exit-icon>svg {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
& .bottom-bar-call-controls {
|
||
|
||
& .material-design-icon.microphone-icon>svg path,
|
||
.icon-vue.icon-vue--inline>span>svg path {
|
||
color: #ffffff;
|
||
}
|
||
|
||
& .material-design-icon.fullscreen-icon>svg,
|
||
.material-design-icon.view-gallery-outline-icon>svg,
|
||
.material-design-icon.chevron-up-icon>svg,
|
||
/*.icon-vue.icon-vue--inline>span>svg,*/
|
||
.material-design-icon.video-off-outline-icon>svg,
|
||
/*.material-design-icon.microphone-icon>svg,*/
|
||
.material-design-icon.video-icon>svg,
|
||
.material-design-icon.monitor-share-icon>svg,
|
||
.material-design-icon.emoticon-outline-icon>svg,
|
||
.material-design-icon.hand-back-left-outline-icon>svg,
|
||
.material-design-icon.fullscreen-exit-icon>svg,
|
||
.material-design-icon.view-grid-outline-icon>svg,
|
||
.material-design-icon.monitor-off-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.monitor-off-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/deconstration-icon-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.video-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/webcam-white-on.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.fullscreen-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/fullsceen-white-icon.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
|
||
}
|
||
|
||
& .material-design-icon.chevron-up-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/chevron-up-icon-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.fullscreen-exit-icon {
|
||
background-image: url("/themes/forbion/images/spreed/fullscreen-exit-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.monitor-share-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/deconstration-icon-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.emoticon-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/smile-icon-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.hand-back-left-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/hand-icon-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.view-grid-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/gallery-grid-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.view-gallery-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/gallery-grid-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.chevron-up-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/chevron-up-icon-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
/*
|
||
& .volume-indicator.volume-indicator-primary {
|
||
& .icon-vue.icon-vue--inline {
|
||
&>span::before {
|
||
background-image: url("/themes/forbion/images/spreed/micro-off-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: block;
|
||
margin-top: 2px;
|
||
}
|
||
}
|
||
}*/
|
||
/*
|
||
& .material-design-icon.microphone-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/micro-icon-gray.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}*/
|
||
|
||
& .material-design-icon.video-off-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/webcam-off-white.svg") !important;
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
& .material-design-icon.hand-back-left-icon svg {
|
||
width: 20px;
|
||
height: 20px;
|
||
|
||
& path {
|
||
color: #70B62B;
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
& #app-sidebar-vue {
|
||
|
||
& .app-sidebar-header {
|
||
& .app-sidebar-header__description {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
& .chatView {
|
||
|
||
& div.wrapper[role='region'] {
|
||
padding-inline: 0;
|
||
margin-top: 8px;
|
||
|
||
|
||
& form.new-message-form {
|
||
height: 36px;
|
||
align-items: center !important;
|
||
|
||
& .new-message-form__input {
|
||
height: 100%;
|
||
|
||
& .rich-contenteditable {
|
||
height: 100%;
|
||
|
||
& .rich-contenteditable__input {
|
||
border: 1px solid #000000 !important;
|
||
border-radius: 23px;
|
||
}
|
||
|
||
& .rich-contenteditable__input--empty.rich-contenteditable__input {
|
||
border: 1px solid #E0E0E0 !important;
|
||
border-radius: 23px;
|
||
font-size: 12px;
|
||
}
|
||
|
||
}
|
||
|
||
& .new-message-form__emoji-picker {
|
||
margin-bottom: 3px;
|
||
|
||
& .material-design-icon.emoticon-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.emoticon-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/smile-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
/*margin-bottom: 6px;
|
||
margin-left: 4px;*/
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
& .action-item.action-item--default-popover.action-item--tertiary,
|
||
.audio-recorder {
|
||
|
||
& .material-design-icon.plus-icon>svg,
|
||
.material-design-icon.microphone-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.plus-icon::before,
|
||
.material-design-icon.microphone-outline-icon::before {
|
||
content: '';
|
||
width: 20px;
|
||
height: 20px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
& .material-design-icon.plus-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/plus-icon-black.svg") !important;
|
||
}
|
||
|
||
& .material-design-icon.microphone-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/micro-icon-black.svg") !important;
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
body>.v-popper__popper {
|
||
& #nc-vue-2 {
|
||
|
||
& .action-button__longtext-wrapper {
|
||
font-size: 14px;
|
||
}
|
||
|
||
&>.app-navigation-caption {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.at-icon>svg,
|
||
span.material-design-icon.message-badge-outline-icon>svg,
|
||
span.material-design-icon.calendar-blank-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.at-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/at-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
& span.material-design-icon.message-badge-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/message-icon-new-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
& span.material-design-icon.calendar-blank-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/calendar-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
|
||
}
|
||
|
||
& #nc-vue-3 {
|
||
|
||
/* width: 326px;*/
|
||
& .action-button__longtext-wrapper {
|
||
font-size: 14px;
|
||
max-width: 100% !important;
|
||
width: 100% !important;
|
||
|
||
& .action-button__longtext {
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
}
|
||
}
|
||
|
||
& span.material-design-icon.plus-icon>svg,
|
||
span.material-design-icon.format-list-bulleted-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.plus-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/plus-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
|
||
& span.material-design-icon.format-list-bulleted-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/dots-with-lines-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
& #nc-vue-180,
|
||
#nc-vue-10 {
|
||
& .action-button__longtext-wrapper {
|
||
font-size: 14px;
|
||
}
|
||
|
||
& span.material-design-icon.fullscreen-icon>svg,
|
||
span.material-design-icon.cog-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.fullscreen-icon {
|
||
background-image: url("/themes/forbion/images/spreed/fullscreen-icon-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
margin: 10px;
|
||
}
|
||
|
||
& span.material-design-icon.cog-outline-icon {
|
||
background-image: url("/themes/forbion/images/spreed/setting-app-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block;
|
||
margin: 10px;
|
||
}
|
||
}
|
||
|
||
|
||
& .material-design-icon.phone-off-outline-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& .material-design-icon.phone-off-outline-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/call-off-black.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
}
|
||
|
||
}
|
||
|
||
body .modal-wrapper.modal-wrapper--large {
|
||
& button.button-vue.button-vue--size-normal.button-vue--success.join-call.action-button {
|
||
height: 36px;
|
||
border: none;
|
||
background-color: #70B62B;
|
||
|
||
|
||
& .button-vue__text {
|
||
font-size: 14px;
|
||
font-weight: 500;
|
||
margin-bottom: 0;
|
||
padding: 0;
|
||
}
|
||
|
||
& span.material-design-icon.phone-icon>svg {
|
||
display: none;
|
||
}
|
||
|
||
& span.material-design-icon.phone-icon::before {
|
||
background-image: url("/themes/forbion/images/spreed/call-icon-white.svg") !important;
|
||
content: '';
|
||
width: 16px;
|
||
height: 16px;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
background-position: center;
|
||
display: inline-block
|
||
}
|
||
|
||
}
|
||
}
|
||
|
||
body .modal-mask.new-group-conversation {
|
||
& .modal-wrapper--normal {
|
||
& .modal-container__content {
|
||
|
||
padding: 16px 25px;
|
||
|
||
& .new-group-conversation__content {
|
||
& .input-field__main-wrapper {
|
||
|
||
& input.input-field__input {
|
||
box-shadow: none;
|
||
border: 1px solid #E0E0E0 !important;
|
||
}
|
||
|
||
& .input-field__label {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
& .textarea {
|
||
& textarea.textarea__input {
|
||
box-shadow: none;
|
||
border: 1px solid #E0E0E0 !important;
|
||
resize: none !important;
|
||
overflow-y: auto;
|
||
min-height: 60px;
|
||
}
|
||
|
||
& .textarea__label {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
body .modal-mask.dialog__modal {
|
||
& .modal-container {
|
||
|
||
padding: 16px 25px !important;
|
||
|
||
& .modal-container__content {
|
||
& .dialog {
|
||
& .input-field__main-wrapper {
|
||
height: 36px !important;
|
||
|
||
& input.input-field__input {
|
||
box-shadow: none;
|
||
border: 1px solid #E0E0E0 !important;
|
||
}
|
||
}
|
||
|
||
& .empty-content {
|
||
padding: 0 16px;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
body .modal-mask.dialog__modal.app-settings {
|
||
& .modal-container {
|
||
& #settings-section_basic-info {
|
||
& #vue-avatar-section {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
& #settings-section_basic-info .app-settings-section__subtitle:nth-of-type(3) {
|
||
display: none;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
@media (max-width: 1024px) {
|
||
body {
|
||
& #app-content-vue {
|
||
margin-left: 0;
|
||
margin-right: 0 !important;
|
||
}
|
||
|
||
& #app-sidebar-vue {
|
||
margin-left: var(--main-margin-panels) !important;
|
||
}
|
||
}
|
||
}
|